@font-face {
    font-family: myFirstFont;
    src: url(../font/DINCond-Medium.otf);
}

@font-face {
    font-family: impact;
    src: url(../font/impact.ttf);
}

@font-face {
    font-family: simsun;
    src: url(../font/simsun.ttf);
}

@media (max-width:1920px) {
    html {
        font-size: 16px;
    }
    .marginleft {
        margin-left: 150px;
    }
}

@media (min-width:1400px) and (max-width:1600px) {
    html {
        font-size: 15px;
    }
}

@media (min-width:640px) and (max-width:1399px) {
    html {
        font-size: 14px;
    }
}

@media (min-width:471px) and (max-width:639px) {
    html {
        font-size: 13px;
    }
}

@media (min-width:329px) and (max-width:470px) {
    html {
        font-size: 12px;
    }
}

@media (max-width:328px) {
    html {
        font-size: 12px;
    }
}

.ar_wap {
    display: none
}

.main_body {
    position: relative;
    z-index: 0;
}

.main_body {}

.a_body01 {
    height: 100vh;
    overflow: hidden;
    -webkit-transition: all 1.5s cubic-bezier(0.2, 1, 0.3, 1);
    -moz-transition: all 1.5s cubic-bezier(0.2, 1, 0.3, 1);
    -ms-transition: all 1.5s cubic-bezier(0.2, 1, 0.3, 1);
    -o-transition: all 1.5s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 1.5s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transform: translateX(80%);
    -moz-transform: translateX(80%);
    -ms-transform: translateX(80%);
    -o-transform: translateX(80%);
    transform: translateX(80%);
}

.main_body.is-visible {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    height: auto;
}

.section {
    overflow: hidden;
    max-height: 100%;
}

.hzbottom {
    margin-left: 100px;
    text-align: center;
    line-height: 50px;
    color: #fff;
}

.hzbottom img {
    border-radius: 5px;
}

.hzmore {
    text-align: center;
}

.hzpadding {
    padding: 0 60px;
}


/*动画 结束*/

.mtrans,
.mtrans:hover {
    -webkit-transition: all .8s cubic-bezier(.19, 1, .22, 1) 0s;
    -moz-transition: all .8s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: all .8s cubic-bezier(.19, 1, .22, 1) 0s;
    -ms-transition: all .8s cubic-bezier(.19, 1, .22, 1) 0s
}

.mtrans-fast,
.mtrans-fast:hover {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.menu-handler {
    display: block;
    z-index: 1000000;
    background: rgba(0, 0, 0, 0.35);
    width: 48px;
    height: 45px;
    cursor: pointer;
    position: fixed;
    right: 5rem;
    top: 3rem;
    transition: all .3s cubic-bezier(.445, .145, .355, 1);
    -webkit-transition: all .3s cubic-bezier(.445, .145, .355, 1);
    -moz-transition: all .3s cubic-bezier(.445, .145, .355, 1);
}

.menu-handler .box {
    display: block;
    height: 45px;
    overflow: hidden;
    position: relative;
}

.menu-handler::after {
    width: 48px;
    height: 45px;
    box-sizing: border-box;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    border: 5px solid rgba(0, 0, 0, .3);
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: intervalHamburgerBorder;
    animation-name: intervalHamburgerBorder;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes intervalHamburgerBorder {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    80% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
}

@keyframes intervalHamburgerBorder {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    80% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
}

.hamburger {
    width: 45px;
    height: 45px;
    display: block;
    position: relative;
    cursor: pointer;
    float: right;
    z-index: 110;
    margin-top: 50px;
    margin-right: 20px;
    border: 1px solid #fff;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent
}

.menu-handler .burger {
    width: 26px;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    z-index: 5;
    top: 13px;
    left: 50%;
    margin: 0 0 0 -13px;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
}

.menu-handler .burger-2 {
    top: 21px;
}

.menu-handler .burger-3 {
    top: 29px;
}

.menu-handler.active .burger-1 {
    top: 22px;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

.menu-handler.active .burger-2 {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    left: -100%
}

.menu-handler.active .burger-3 {
    top: 22px;
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.menuBox {
    position: fixed;
    z-index: 100000;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    visibility: hidden;
}

.yingpin {
    background-color: #0055A4;
    color: #fff;
    padding: 5px;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 30px;
    font-size: 18px;
    width: 150px;
    line-height: 50px;
}

.menuBox:after,
.menuBox:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    background: #0055A4;
    -webkit-transition: .8s cubic-bezier(.77, 0, .175, 1);
    -moz-transition: .8s cubic-bezier(.77, 0, .175, 1);
    transition: .8s cubic-bezier(.77, 0, .175, 1)
}

.menuBox:before {
    top: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.menuBox:after {
    bottom: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.menuBox .navMobile {
    padding-top: 18%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .45s;
    -moz-transition: .45s;
    transition: .45s;
}

.menuBox.show {
    visibility: visible
}

.menuBox.show:after,
.menuBox.show:before {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none
}

.menuBox.show .navMobile {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .76s .6s;
    -moz-transition: .76s .6s;
    transition: .76s .6s
}

.menuBox .lang {
    display: none
}

.navMobile {
    text-align: center;
    position: relative;
    z-index: 1
}

.navMobile dl {
    margin-right: 4rem;
    display: inline-block;
    margin-bottom: 1.25rem
}

.navMobile dt {
    font-size: 1.125rem;
    color: #fff;
    margin-bottom: 1.25rem;
}

.navMobile dt a {
    color: #fff
}

.navMobile dd {
    font-size: 0.9375rem;
    color: #a7b7d2;
    line-height: 1.875rem;
}

.navMobile dd a {
    color: #fff;
}

header {
    position: fixed;
    z-index: 10000;
    top: 3.125rem;
    width: 100%;
    display: none;
}

header .logo {
    position: absolute;
    left: 5%;
    margin-left: -4rem;
    /* top: 15px; */
}

header .logo embed {
    width: 9rem;
    display: inline-block;
}

header .logo:before {
    content: "";
    position: absolute;
    left: -665px;
    top: -460px;
    width: 220px;
    height: 15px;
    background-color: rgba(255, 255, 255, .5);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    -o-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 1s ease-in 1s infinite;
}

header .logo2 {
    position: absolute;
    left: 5%;
    margin-left: -4rem;
    top: 15px;
}

header .logo2 embed {
    width: 9rem;
    display: inline-block;
}

header .logo2:before {
    content: "";
    position: absolute;
    left: -665px;
    top: -460px;
    width: 220px;
    height: 15px;
    background-color: rgba(255, 255, 255, .5);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    -o-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 1s ease-in 1s infinite;
}


/*@-webkit-keyframes searchLights {
    0% {
        left: -100px;
        top: 0;
    }

    to {
        left: 120px;
        top: 100px;
    }
}

@-o-keyframes searchLights {
    0% {
        left: -100px;
        top: 0;
    }

    to {
        left: 120px;
        top: 100px;
    }
}

@-moz-keyframes searchLights {
    0% {
        left: -100px;
        top: 0;
    }

    to {
        left: 120px;
        top: 100px;
    }
}

@keyframes searchLights {
    0% {
        left: -100px;
        top: 0;
    }

    to {
        left: 120px;
        top: 100px;
    }
}*/

header nav {
    margin-top: 25px;
    transition: all .3s;
}

header .nav-item {
    position: relative;
    float: left;
    margin: 0 2rem;
    font-size: 1.125rem;
    text-align: center;
    height: 80px;
}

header .nav-item.current>a {
    color: #0055A4;
}

header .nav-item:hover>a {
    color: #0055A4;
}

header .nav-item:hover .sub-nav-list {
    margin-top: -20px;
    opacity: 1;
    visibility: visible;
}

header .nav-item>a {
    display: block;
    color: #fff;
    line-height: 45px;
    transition: all .2s;
    font-weight: bold;
}

header .nav-item>a:hover {
    color: #ccc;
}

header .sub-nav-list {
    position: absolute;
    top: 100%;
    left: -40px;
    right: -40px;
    margin-top: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

header .sub-nav-list:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 28px;
    height: 4px;
    margin-left: -14px;
    background: #0055A4;
}

header .sub-nav-item {
    position: relative;
    line-height: 35px;
    color: #666;
    cursor: pointer;
    transition: all .3s;
    z-index: 1;
    font-size: 14px;
}

header .sub-nav-item a {
    color: #333
}

header .sub-nav-item:hover a {
    color: #fff;
}

header .sub-nav-item:hover:before {
    transform: none;
}

.no-csstransforms header .sub-nav-item:hover:before {
    visibility: visible;
}

header .sub-nav-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0055A4;
    transition: all .3s linear;
    transform: scale(0, 1);
    z-index: -1;
}

.no-csstransforms header .sub-nav-item:before {
    visibility: hidden;
}

header .contact {
    margin-top: 32px;
    transition: all .3s;
}

header .contact-item {
    position: relative;
    display: block;
    float: left;
    width: 21px;
    height: 16px;
    margin-left: 25px;
    background: no-repeat center;
    transition: background .2s;
}

header .contact-item:hover .contact-2wm {
    margin-top: 20px;
    opacity: 1;
    visibility: visible;
}

header .contact-2wm {
    position: absolute;
    top: 100%;
    right: 0;
    width: 120px;
    height: 120px;
    margin-top: 30px;
    margin-right: -5px;
    padding: 5px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 1px 1px 3px 1px #aaa;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

header .contact-2wm:before {
    content: '';
    position: absolute;
    right: 5px;
    bottom: 100%;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    z-index: 2;
}

header .contact-2wm:after {
    content: '';
    position: absolute;
    right: 4px;
    bottom: 100%;
    margin-top: -1px;
    margin-left: -9px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #aaa;
    z-index: 1;
}

header .contact-2wm img {
    width: 100%;
}

header.scroll-down {
    height: 50px;
}

header.scroll-down .logo {
    margin-top: 14px;
}

header.scroll-down .logo img {
    width: 100px;
    height: 20px;
}

header.scroll-down .logo2 {
    margin-top: 14px;
}

header.scroll-down .logo2 img {
    width: 100px;
    height: 20px;
}

header.scroll-down nav {
    margin-top: 10px;
}

header.scroll-down .contact {
    margin-top: 18px;
}

header.scroll-down .nav-menu-btn {
    margin-top: 10px;
}

header.scroll-down .nav-item:hover .sub-nav-list {
    margin-top: 10px;
}

header .nav-menu-btn {
    display: none;
}

header .nav-item>i {
    display: none
}

.navbar-overlay {
    display: none;
}

@-webkit-keyframes scale-bg {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale-bg {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.container01 .index_banner .item {
    background-size: cover;
    -webkit-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    position: relative
}

.container01 .index_banner .item video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.container01 .index_banner .item.miso-current .scaleBg {
    visibility: visible;
    -webkit-animation: scale-bg 6s linear forwards;
    animation: scale-bg 6s linear forwards
}

.container01 .index_banner .items {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: cover !important;
}

.container01 .index_banner .items:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.container01 .index_banner .item .inner .block_txt {
    position: absolute;
    top: 30%;
    right: 10px;
    left: 10px;
    opacity: 0;
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -webkit-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.container01 .index_banner .item.active .inner .block_txt {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms
}

.container01 .index_banner .item .inner .block_txt h4 {
    color: #fff;
    text-align: center;
}

.container01 .index_banner .item .inner .block_txt h2 {
    color: #fff;
    font-size: 70px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 5px
}

.container01 .index_banner .item .inner .block_txt h2 span {
    color: #f5c920;
    display: inline-block;
    letter-spacing: 5px
}

.container01 .index_banner .item .inner .block_txt h3 {
    color: #fff;
    font-size: 22px;
    text-align: center;
    margin-top: 10px;
    letter-spacing: 3px
}

.container01 .miso_txt {
    width: 30%;
    height: 100%;
    background-color: transparent;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    font-size: 0;
    outline: 0;
    border: 0
}

.container01 .index_banner .item:nth-child(2) .inner .block_txt {
    top: 25%
}

.container01 .index_banner .item:nth-child(2) .liu_icon,
.container01 .index_banner .item:nth-child(2) .banner_list2 {
    display: none
}

.container01 .index_banner .item:nth-child(3) .liu_icon,
.container01 .index_banner .item:nth-child(3) .banner_list2 {
    display: none
}

.container01 .index_banner .item:nth-child(3) .inner .block_txt {
    top: 40%
}

.container01 .index_banner .item:nth-child(3) .inner .block_txt h4 {
    text-align: right;
}

.container01 .index_banner .miso-prev,
.container01 .index_banner .miso-next {
    width: 60px;
    height: 60px;
    line-height: 58px;
    margin-top: -30px;
    border-radius: 50%;
    border: rgba(255, 255, 255, 0.4) 1px solid;
    overflow: hidden;
    transition: 0.6s
}

.container01 .index_banner .miso-prev {
    left: 5%;
}

.container01 .index_banner .miso-prev:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    background: url(../image/ll.png) center no-repeat;
    margin-left: 60px;
    transition: 0.6s;
    opacity: 0.4
}

.container01 .index_banner .miso-prev:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    background: url(../image/ll.png) center no-repeat;
    transition: 0.6s;
    opacity: 0.4
}

.container01 .index_banner .miso-prev:hover:before {
    margin-left: 0;
    opacity: 1
}

.container01 .index_banner .miso-prev:hover:after {
    margin-left: -60px;
    opacity: 1
}

.container01 .index_banner .miso-next {
    right: 5%;
}

.container01 .index_banner .miso-next:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px;
    right: 0;
    background: url(../image/rr.png) center no-repeat;
    margin-right: 60px;
    transition: 0.6s;
    opacity: 0.4
}

.container01 .index_banner .miso-next:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px;
    right: 0;
    background: url(../image/rr.png) center no-repeat;
    transition: 0.6s;
    opacity: 0.4
}

.container01 .index_banner .miso-next:hover:before {
    margin-right: 0;
    opacity: 1
}

.container01 .index_banner .miso-next:hover:after {
    margin-right: -60px;
    opacity: 1
}

.container01 .index_banner .miso-next:hover,
.container01 .index_banner .miso-prev:hover {
    background: rgba(255, 255, 255, 0.15)
}

.banner-next {
    z-index: 1000;
    position: fixed;
    bottom: 4rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    text-align: center;
    color: #ffffff;
    display: none
}

.banner-next span {
    display: block;
}

.banner-next .next-text {
    -webkit-animation: fadeInDown 2s infinite;
    -moz-animation: fadeInDown 2s infinite;
    -o-animation: fadeInDown 2s infinite;
    -ms-animation: fadeInDown 2s infinite;
    animation: fadeInDown 2s infinite;
    position: relative;
    top: 65px;
}

.banner-next .next-icon {
    position: relative;
    width: 23px;
    height: 34px;
    background: url(../image/next-icon.png) center no-repeat;
}

.banner-next .next-icon:before {
    content: "";
    width: 3px;
    height: 8px;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 50%;
    margin-top: -7.5px;
    background: url(../image/icon.png) center no-repeat;
    -webkit-animation: scroll 1.4s cubic-bezier(.15, .41, .69, .94) infinite;
    -moz-animation: scroll 1.4s cubic-bezier(.15, .41, .69, .94) infinite;
    animation: scroll 1.4s cubic-bezier(.15, .41, .69, .94) infinite;
}

.fp-viewing-0 .banner-next {
    display: block
}

@keyframes scroll {
    0% {
        opacity: 0;
    }
    10% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -o-transform: translateY(0);
        transform: translateY(5px);
        opacity: 0;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -50%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

.liu_icon {
    position: absolute;
    top: 19.5%;
    width: 100%;
    text-align: center;
}

.liu_icon img {
    display: inline-block;
    -webkit-animation: play 25s linear infinite;
    -moz-animation: play 25s linear infinite;
    animation: play 25s linear infinite;
}

@-webkit-keyframes play {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes play {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}

@keyframes play {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.section .title h2 {
    font-size: 3rem;
    color: #fff;
    font-weight: bold;
}

.section .title h3 {
    font-size: 1.25rem;
    color: #fff;
    margin: 1.25rem 0 2.75rem;
    font-weight: bold;
}

.fullpage-wrapper .media-holder {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #0055A4;
    /*-webkit-transform:scale(0.95,.92) translateZ(0px);-moz-transform:scale(0.95,.92) translateZ(0px);transform:scale(0.95,.92) translateZ(0px);*/
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    -moz-transition: -moz-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
}

.fullpage-wrapper .active .media-holder {
    -webkit-transition-delay: 1400ms;
    -moz-transition-delay: 1400ms;
    transition-delay: 1400ms;
    -webkit-transform: scale(1, 1) translateZ(0px);
    -moz-transform: scale(1, 1) translateZ(0px);
    transform: scale(1, 1) translateZ(0px)
}

.fullpage-wrapper .media-holder span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.container02 .fp-tableCell {
    position: relative
}

.container02 .top {
    /* height: calc(100% - 17.8125rem); */
    height: 100%;
    background: url(../image/container02_top_bg.jpg) center no-repeat;
    /*-webkit-transform:scale(0.9,.85) translateZ(0px);-moz-transform:scale(0.95,.92) translateZ(0px);transform:scale(0.95,.92) translateZ(0px);*/
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    -moz-transition: -moz-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    background-size: cover;
    position: absolute;
    width: 100%;
    top: 0;
}

.fullpage-wrapper .container02.active .top {
    -webkit-transition-delay: 1400ms;
    -moz-transition-delay: 1400ms;
    transition-delay: 1400ms;
    -webkit-transform: scale(1, 1) translateZ(0px);
    -moz-transform: scale(1, 1) translateZ(0px);
    transform: scale(1, 1) translateZ(0px)
}

.container02 .top .layui-container,
.container02 .top .layui-container .layui-row,
.container02 .top .layui-container .layui-row .box {
    height: 100%
}

.container02 .top .box.box01 {
    position: relative;
    z-index: 10;
}

.container02 .top .box .table {
    text-align: left
}

.container02 .top .box p {
    font-size: 0.9375rem;
    line-height: 1.875rem;
    color: #fff;
    margin-bottom: 2.125rem;
    /* height: 7.5rem; */
    overflow: hidden
}

.container02 .bottom {
    height: 17.8125rem;
    background: #0055A4;
    position: absolute;
    width: 100%;
    bottom: 0;
    -webkit-transform: scale(0.95, .92) translateZ(0px);
    -moz-transform: scale(0.95, .92) translateZ(0px);
    transform: scale(0.95, .92) translateZ(0px);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    -moz-transition: -moz-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out
}

.fullpage-wrapper .container02.active .bottom {
    -webkit-transition-delay: 1400ms;
    -moz-transition-delay: 1400ms;
    transition-delay: 1400ms;
    -webkit-transform: scale(1, 1) translateZ(0px);
    -moz-transform: scale(1, 1) translateZ(0px);
    transform: scale(1, 1) translateZ(0px);
}

.container02 .bottom .layui-container,
.container02 .bottom .layui-container .layui-row,
.container02 .bottom .layui-container .layui-row .layui-col-xs12 {
    /* height:100% */
}

.container02 .bottom ul {
    font-size: 0;
    margin: 0 -8%;
}

.container02 .bottom ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 20%;
    text-align: center;
}

.container02 .bottom ul li h5 {
    font-size: 1.125rem;
    color: #fefefe;
    margin-bottom: 1rem
}

.container02 .bottom ul li h4 {
    margin-bottom: 1rem;
    height: 6.25rem
}

.container02 .bottom ul li h4 span {
    font-size: 2.25rem;
    color: #fff;
    vertical-align: middle;
    font-weight: normal;
    font-family: Impact;
}

.container02 .bottom ul li h4 span.counter,
.container02 .bottom ul li h4 span.counter01 {
    font-size: 6.25rem;
    color: #fff;
    font-family: Impact;
}

.container02 .bottom ul li h4 span.lwy {
    font-size: 65px;
    color: #fff;
    font-family: myFirstFont;
    line-height: 44px;
    margin-left: 12px;
}

.container02 .bottom ul li h6 {
    font-size: 12px;
    color: #fefefe;
    font-family: DIN Offc Pro;
}

.container02 .bottom ul li .hide {
    display: none
}

.container02 .bottom ul li h4 small {
    font-size: 0.875rem;
    color: #fff;
    margin-left: 0.5rem;
    vertical-align: bottom;
    margin-bottom: 11px;
    display: inline-block;
}

.container02 .slide_box .title h4 {
    margin: 2.625rem 0 3.875rem;
    position: relative
}

.container02 .slide_box .title h4:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background: #fff;
    left: 50%;
    margin-left: -7.5px;
    top: -1.5rem
}

.container02 .slide_box {
    background: url(../image/container02_slide_box_bg.jpg) center no-repeat;
    background-size: cover
}

.container02 .slide_box .title {
    text-align: center
}

.container02 .slide_box ul {
    margin: 0 -1.5625rem;
    margin-bottom: 4rem
}

.container02 .slide_box ul li {
    padding: 0 1.5625rem;
    text-align: center
}

.container02 .slide_box ul li a {
    display: block;
    background: #fff;
    padding: 2rem 0 3rem;
}

.container02 .slide_box ul li .img {
    overflow: hidden;
    display: inline-block;
    height: 19.5625rem;
    line-height: 19.5625rem;
}

.container02 .slide_box ul li .img img {
    max-width: 14.0625rem;
    max-height: 19.5625rem;
    display: inline-block;
}

.container02 .slide_box ul li h5 {
    padding: 0 1rem;
    font-size: 1rem;
    color: #393939;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 1rem;
}

.container02 .slide_box .miso-prev,
.container02 .slide_box .miso-next {
    z-index: 100000;
    width: 3.75rem;
    height: 3.75rem;
    line-height: 3.5rem;
    margin-top: -1.8rem;
    background: none;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.container02 .slide_box .miso-prev:hover,
.container02 .slide_box .miso-next:hover {
    opacity: 1
}

.container02 .slide_box .miso-prev {
    left: 50%;
    margin-left: -768px;
    border: #fff 2px solid;
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;
}

.container02 .slide_box .miso-prev:hover {
    border: #0055A4 2px dashed;
    background: #0055A4
}

.container02 .slide_box .miso-prev:before {
    content: "<";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    font-family: simsun;
    color: #fff;
}

.container02 .slide_box .miso-next {
    right: 50%;
    margin-right: -768px;
    border: #fff 2px solid;
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;
}

.container02 .slide_box .miso-next:hover {
    border: #0055A4 2px dashed;
    background: #0055A4
}

.container02 .slide_box .miso-next:before {
    content: ">";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    font-family: simsun;
    color: #fff
}

.container02 .slide_box .miso-next:hover:before,
.container02 .slide_box .miso-prev:hover:before {
    color: #fff
}

.more001 {
    text-align: center
}

.more001 a {
    position: relative;
    font-family: helvetica;
    font-size: 1rem;
    cursor: pointer;
    padding: 1.25rem 3.5rem;
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    outline: none;
    background: #fff;
    color: #333;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    overflow: hidden;
    border-radius: 3px;
    z-index: 1;
}

.more001 a::before,
.more001 a::after {
    background: #004f99;
    content: '';
    position: absolute;
    z-index: 0;
}

.more001 a span {
    position: relative;
    z-index: 1
}

.more001 a:hover {
    color: #fff;
}

.more001 a::after {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}


/* BUTTON 2 */

.more001 a::after {
    height: 100%;
    right: 0;
    top: 0;
    width: 0;
}

.more001 a:hover:after {
    width: 100%;
    left: 0;
}

.more001 a span {
    position: relative;
}

.more001 a:hover span {
    color: #fff;
}

.more00 a {
    position: relative;
    font-family: helvetica;
    font-size: 0.9375rem;
    background: none;
    cursor: pointer;
    padding: 1rem 3.5rem;
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    outline: none;
    border: 1px solid #fff;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    border-radius: 1.5rem;
}

.more00 a::before,
.more00 a::after {
    background: #fff;
    content: '';
    position: absolute;
    z-index: -1;
}

.more00 a::after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


/* BUTTON 2 */

.more00 a::after {
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
}

.more00 a:hover:after {
    width: 100%;
}

.more00 a span {
    position: relative;
}

.more00 a:hover span {
    color: #0055A4
}

.section .title h4 {
    font-size: 3.125rem;
    color: #fff;
    margin: 1.25rem 0 3.875rem;
}

.fullpage-wrapper .container03 {
    background: #fff
}

.fullpage-wrapper .container03 .media-holder span {
    background: url(../image/container03_bg.jpg) center no-repeat;
    background-size: cover
}

.container03 .title {
    text-align: center;
}

.container03 .title h4 {
    margin: 1.25rem 0 1.875rem;
}

.container03 ul {
    margin-top: -2rem !important;
    font-size: 0
}

.container03 ul li {
    display: inline-block;
    padding: 0;
    width: 25%;
    text-align: center;
    margin: 5rem 0
}

.container03 ul li .icon {
    vertical-align: middle;
    overflow: hidden;
    max-width: 7rem;
    max-height: 3.5rem;
    fill: #fff;
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;
}

.container03 ul li:nth-child(2) .icon {
    max-width: 7rem;
    max-height: 4rem;
}

.container03 ul li:nth-child(5) .icon,
.container03 ul li:nth-child(6) .icon,
.container03 ul li:nth-child(7) .icon,
.container03 ul li:nth-child(8) .icon {
    max-width: 7rem;
    max-height: 3rem;
}

.container03 ul li a {
    display: block;
    position: relative
}

.container03 ul li h3 {
    line-height: 6rem;
    width: 100%;
    position: relative
}

.container03 ul li h3 .table {
    height: 100%;
    width: 100%;
    display: table;
}

.container03 ul li h3 i {
    display: table-cell;
    vertical-align: middle;
}

.container03 ul li:hover .icon {
    -webkit-animation: toRightFromLeft 0.6s;
    -moz-animation: toRightFromLeft 0.6s;
    animation: toRightFromLeft 0.6s;
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(25%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-25%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(25%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-25%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(25%);
    }
    50% {
        opacity: 0;
        transform: translate(-25%);
    }
    51% {
        opacity: 1;
    }
}

.container03 ul li h5 {
    font-size: 1.475rem;
    color: #fff;
    font-weight: bold;
    position: relative
}

.container03 ul li a:before {
    content: "";
    position: absolute;
    width: 14.6275rem;
    height: 14.625rem;
    border-radius: 10%;
    top: 50%;
    margin-top: -6rem;
    left: 50%;
    margin-left: -7.3125rem;
    overflow: hidden;
    -webkit-transition: background 0.6s, color 0.6s, box-shadow 0.6s;
    -moz-transition: background 0.6s, color 0.6s, box-shadow 0.6s;
    transition: background 0.6s, color 0.6s, box-shadow 0.6s;
}

.container04.section .title h2 {
    color: #3c3c3c
}

.container04.section .title h4 {
    color: #3c3c3c
}

.container04 {
    background: url(../image/container04_bg.jpg) center no-repeat;
    background-size: cover
}

.container04 ul {
    font-size: 0;
    text-align: center;
    overflow: hidden;
    margin: 0 -7px;
}

.container04 ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: left;
    width: 25%;
    text-align: center;
    padding: 0 7px;
    margin-bottom: 14px;
}

.container04 ul li {
    transform: translateY(150px);
    opacity: 0;
    transition: 0.4s;
}

.container04.active ul li {
    transform: translateY(0);
    opacity: 1;
}

.container04 ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: #000;
    overflow: hidden
}

.container04 ul li a .img,
.container04 ul li a .img img {
    width: 100%;
    overflow: hidden;
    position: relative
}

.container04 ul li a .img img {
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.container04 ul li a .img:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#4C000000', endColorstr='#4C000000');
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

:root .container04 ul li a .img:after {
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#00000000');
}


/*for IE9*/

:root .container04 ul li a .img:after {
    filter: none;
}


/*for IE9*/

.container04 ul li a .con {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.container04 ul li a .con h3 {
    position: relative;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    font-size: 1.375rem;
    line-height: 2.125rem;
    color: #fff;
    padding: 0 2.5rem;
}

.container04 ul li a .con h3 img {
    max-width: 80%
}

.container04 ul li a .con h5,
.container04 ul li a .con h3 {
    height: 0;
    overflow: hidden;
    position: relative;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.container04 ul li a .con h5 span {
    display: inline-block;
    font-size: .9rem;
    color: #fff;
    margin: 0 0.5rem
}

.container04 ul li a .con h4 {
    height: 0;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.container04 ul li a .con:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.more01 {
    padding: 3rem 0 0
}

.more01 a small {
    line-height: 16px;
    font-size: 0.875rem;
    color: #3c3c3c
}

.more01 a dl {
    font-size: 0;
    width: 16px;
    display: inline-block;
    margin: 0;
    margin-right: 0.25rem;
}

.more01 a dl dd {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 1px;
}

.more01 a dl dd span {
    display: block;
    width: 3px;
    height: 3px;
    position: relative;
}

.more01 a dl dd span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 3px;
    background: #3c3c3c;
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;
}

.fullpage-wrapper .container05 {
    background: #0055A4
}

.fullpage-wrapper .container05 .media-holder span {
    background: url(../image/container05_bg.jpg) center no-repeat;
    background-size: cover
}

.container05 {
    background: #0055A4;
}

.container05 ul {
    font-size: 0;
    margin: 0 -1.625rem
}

.container05 ul li {
    width: 33.333333%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 1.625rem;
}

.container05 ul li .img {
    background: #000
}

.container05 ul li .img,
.container05 ul li .img img {
    overflow: hidden;
    width: 100%;
    position: relative
}

.container05 ul li .img a>img {
    opacity: 0.8
}

.container05 ul li .con {
    background: #fff;
    padding: 1.55rem 2rem 1.75rem 2rem;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    position: relative
}

.container05 ul li .con:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #0055A4;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.container05 ul li .con h5,
.container05 ul li .con h5 a {
    font-size: 1.375rem;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #3a3a3a;
    position: relative
}

.container05 ul li .con p {
    font-size: 0.875rem;
    color: #848484;
    line-height: 1.5rem;
    overflow: hidden;
    height: 3rem;
    margin: 0.75rem 0 1.5rem;
    position: relative
}

.container05 ul li .con h6 {
    font-size: 0.875rem;
    color: #4d4c51;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1rem;
    position: relative
}

.container05 ul li .con h6 .icon {
    vertical-align: middle;
    overflow: hidden;
    height: 0.875rem;
    width: 0.875rem;
    fill: #999;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    margin: -2px 0.25rem 0 0;
}

.container05 ul li .img .red-bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.container05 ul li .img .red-bg {
    background: rgba(0, 0, 0, 0.45);
}

.container05 ul li .img .red-bg:before {
    content: "";
    position: absolute;
    width: 2.75rem;
    height: 2.75rem;
    background: #0055A4;
    border-radius: 50%;
    top: 50%;
    margin-top: -1.375rem;
    left: 50%;
    margin-left: -1.375rem;
}

.container05 ul li .img .line {
    display: block;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: 400ms;
    -webkit-transition: 400ms;
}

.container05 ul li .img .line_1 {
    width: 16px;
    height: 2px;
    margin: -1px 0px 0px -8px;
    transform: translateX(-16px);
    -webkit-transform: translateX(-16px);
}

.container05 ul li .img .line_2 {
    width: 2px;
    height: 16px;
    margin: -8px 0px 0px -1px;
    transform: translateY(16px);
    -webkit-transform: translateY(16px);
}

.container05 .more01 a small {
    color: #fff
}

.container05 .more01 a dl dd span:before {
    background: #fff;
}

.fullpage-wrapper .container06 {
    background: #fff
}

.fullpage-wrapper .container06 .media-holder span {
    background: url(../image/container06_bg.jpg) center no-repeat;
    background-size: cover
}

.container06 .title {
    text-align: center;
    margin-top: 1.4375rem
}

.container06 .title h4 {
    margin: 1.25rem 0 2.875rem;
}

.container06 ul {
    font-size: 0
}

.container06 ul li {
    display: inline-block;
    padding: 0;
    width: 25%;
    text-align: center;
    margin: 2.4375rem 0
}


/*.container06 ul li{ transform:translateY(150px); opacity:0;}
.container06.active ul li{ transform:translateY(0); opacity:1;}
.container06.active ul li:nth-child(1){ transition:1s 0.2s;}
.container06.active ul li:nth-child(2){ transition:1s 0.4s;}
.container06.active ul li:nth-child(3){ transition:1s 0.6s;}
.container06.active ul li:nth-child(4){ transition:1s 0.8s;}
.container06.active ul li:nth-child(5){ transition:1s 1s;}
.container06.active ul li:nth-child(6){ transition:1s 1.2s;}
.container06.active ul li:nth-child(7){ transition:1s 1.4s;}
.container06.active ul li:nth-child(8){ transition:1s 1.6s;}*/

.container06 ul li a {
    display: inline-block;
    width: 12.5rem;
    height: 12.5rem;
    background: #fff;
    border-radius: 50%;
    padding: 2rem 0;
    position: relative
}

.container06 ul li a h3 {
    line-height: 6rem
}

.container06 ul li a h3 img {
    max-height: 3.75rem
}

.container06 ul li a h5 {
    font-size: 1.125rem;
    color: #414143;
}

.container06 ul li a:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.container06 ul li a:after {
    top: -10px;
    left: -10px;
    padding: 10px;
    box-shadow: 0 0 0 4px #fff;
    -webkit-transition: -webkit-transform 0.36s, opacity 0.36s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.36s, opacity 0.36s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.36s, opacity 0.36s;
    transform: scale(.8);
    opacity: 0;
}

.fp-viewing-f8 .banner-next {
    display: none
}

.container06 ul li a .pp {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    transform: scale(0);
    overflow: hidden;
    opacity: 0;
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;
}

.container06 ul li a .pp p {
    font-size: 15px;
    line-height: 24px;
    color: #4d4d4d;
    padding: 0 1.875rem;
}

.container07 .top {
    position: relative
}

.container07 .top .kuang {
    position: absolute;
    right: 11%;
    top: 0;
    bottom: 0;
    width: 37.5rem;
}

.container07 .top .kuang .con {
    background: #fff;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    width: 37.5rem;
    float: right;
    text-align: left;
    padding: 3.125rem;
}

.container07 .top .kuang .con h4 {
    font-size: 1.375rem;
    color: #3d3d3d;
}

.container07 .top .kuang .con h3 {
    margin: 1rem 0 2rem
}

.container07 .top .kuang .con h3 big {
    font-size: 2rem;
    color: #004f99;
    font-weight: bold;
    font-family: Impact;
}

.container07 .top .kuang .con h3 big.big02 {
    margin-left: 1.25rem;
}

.container07 .top .kuang .con h3 small {
    font-size: 0.875rem;
    color: #004f99;
    vertical-align: bottom
}

.container07 .top .kuang .con p {
    font-size: 0.9375rem;
    color: #595959;
    line-height: 1.875rem;
}

.container08 {
    overflow: visible
}

.container08 .bottom {
    background: #0055A4;
    padding: 3.75rem 0 4.375rem;
}

.container08 .bottom dl {
    margin-right: 4rem;
    display: inline-block;
    margin-bottom: 1.25rem
}

.container08 .bottom dt {
    font-size: 1.125rem;
    color: #fff;
    margin-bottom: 1.25rem;
    text-align: center;
}

.container08 .bottom dt a {
    color: #fff
}

.container08 .bottom dd {
    font-size: 0.9375rem;
    color: #a7b7d2;
    line-height: 1.875rem;
    text-align: center;
}

.container08 .bottom dd a {
    color: #a7b7d2
}

.container08 .bottom_box {
    height: 100%;
    background: url(../image/footer_bg.png) right top no-repeat;
    background-size: contain
}

.container08 .bottom_box .con_bottom .left_con {
    padding: 5rem 0 0;
    margin-right: 11rem;
    font-size: 13px;
    color: #cdd6e5;
}

.container08 .bottom_box .con_bottom .right_con ul {
    text-align: right
}

.container08 .bottom_box .con_bottom .right_con ul {
    margin-bottom: 1.25rem
}

.container08 .bottom_box .con_bottom .right_con ul li {
    display: inline-block;
    padding: 0 5px
}

.container08 .bottom_box .con_bottom .right_con ul li a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    border: #739ac4 1px solid;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

.container08 .bottom_box .con_bottom .right_con ul li a .qrcode {
    width: 200px;
    position: absolute;
    left: -40px;
    bottom: 50px;
    z-index: 9;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    padding-bottom: 5px;
    display: none;
}

.container08 .bottom_box .con_bottom .right_con ul li a .qrcode .pic {
    width: 170px;
    height: 170px;
    padding: 5px;
    display: inline-block;
    margin-top: 10px;
}

.container08 .bottom_box .con_bottom .right_con ul li a .qrcode img {
    width: 100%;
    display: block;
}

.container08 .bottom_box .con_bottom .right_con ul li a .qrcode .txt1 {
    line-height: 20px;
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
}

#fp-nav {
    display: none
}

.fp-viewing-f1 header {
    display: block
}

.fp-viewing-f1 .menu-handler {
    display: none
}

.fp-viewing-f1 .piaofu {
    display: none
}

.s_foot_link {
    height: 45px;
    cursor: pointer;
    overflow: visible;
    position: relative;
    text-align: left;
}

.s_foot_link .yqlj {
    display: inline-block;
    width: 110px;
    height: 45px;
    line-height: 43px;
    border: #dadbdb 1px solid;
    text-align: center;
    font-size: 14px;
    color: #212121;
    float: left;
    background: #f0f1f3;
}

.s_foot_link .tanchu {
    float: left;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    bottom: 44px;
    border-bottom: 0;
    display: none;
    left: 0;
}

.s_foot_link .tanchu:before {
    content: "";
    display: block;
    border: 10px solid transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    bottom: -19px;
    left: 50%;
    margin-left: -10px;
}

.s_foot_link .tanchu>div {
    background: #0055A4;
    display: block;
    padding: 10px 1.25rem;
    border: #6289b3 1px solid;
}

.s_foot_link .tanchu>div::-webkit-scrollbar {
    display: none
}

.s_foot_link .tanchu a {
    color: #cdd6e5;
    line-height: 27px;
    display: block;
    font-size: 14px;
}

.s_foot_link .tanchu a:hover {
    color: #ff0;
}

.s_foot_link #bnt_link1.a {
    padding-left: 1.25rem;
    font-size: 13px;
    color: #cdd6e5;
    text-align: left;
    line-height: 43px;
    width: 235px;
    box-sizing: border-box;
    text-decoration: none;
    border: #6289b3 1px solid;
    float: left;
}

.s_foot_link .a span {
    display: inline-block;
    float: right;
    color: #919397;
    line-height: 43px;
    width: 37px;
    text-align: center;
    height: 100%;
}

.fp-controlArrow {
    display: none
}

.banner_list2 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.banner_list2 canvas {
    opacity: 0.25
}

.button {
    position: relative;
    cursor: pointer;
    color: white;
    padding: 0;
}

.button .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.button:nth-of-type(1):before,
.button:nth-of-type(1):after,
.button:nth-of-type(1) .inner:before,
.button:nth-of-type(1) .inner:after {
    background-color: #bb4c42;
}

.button:nth-of-type(2):before,
.button:nth-of-type(2):after,
.button:nth-of-type(2) .inner:before,
.button:nth-of-type(2) .inner:after {
    background-color: #373c8d;
}

.button:nth-of-type(3):before,
.button:nth-of-type(3):after,
.button:nth-of-type(3) .inner:before,
.button:nth-of-type(3) .inner:after {
    background-color: #373c8d;
}

.button:before,
.button:after,
.button .inner:before,
.button .inner:after {
    position: absolute;
    content: "";
    display: block;
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    background: #373c8d;
}

.button.horizontal:before,
.button.horizontal:after,
.button.both:before,
.button.both:after {
    left: 0;
    width: 100%;
    height: 8px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.button.horizontal .inner:before,
.button.horizontal .inner:after,
.button.both .inner:before,
.button.both .inner:after {
    top: 0;
    width: 8px;
    height: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.button.horizontal .inner:before,
.button.both .inner:before {
    left: 0;
}

.button.horizontal .inner:after,
.button.both .inner:after {
    right: 0;
}

.button.horizontal .inner:hover:before,
.button.horizontal .inner:hover:after,
.button.both .inner:hover:before,
.button.both .inner:hover:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.button.horizontal:before,
.button.both:before {
    top: 0;
}

.button.horizontal:after,
.button.both:after {
    bottom: 0;
}

.button.horizontal:hover:before,
.button.horizontal:hover:after,
.button.both:hover:before,
.button.both:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.button.horizontal:hover .inner:before,
.button.horizontal:hover .inner:after,
.button.both:hover .inner:before,
.button.both:hover .inner:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.button.horizontal.clockwise .inner:before,
.button.both.clockwise .inner:before {
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.button.horizontal.clockwise .inner:after,
.button.both.clockwise .inner:after {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.button.horizontal.clockwise:before,
.button.both.clockwise:before {
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

.button.horizontal.clockwise:after,
.button.both.clockwise:after {
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.button.horizontal.clockwise:hover .inner:before,
.button.both.clockwise:hover .inner:before {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.button.horizontal.clockwise:hover .inner:after,
.button.both.clockwise:hover .inner:after {
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.button.horizontal.clockwise:hover:before,
.button.both.clockwise:hover:before {
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.button.horizontal.clockwise:hover:after,
.button.both.clockwise:hover:after {
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

.button.horizontal.counterclockwise .inner:before,
.button.both.counterclockwise .inner:before {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.button.horizontal.counterclockwise .inner:after,
.button.both.counterclockwise .inner:after {
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.button.horizontal.counterclockwise:before,
.button.both.counterclockwise:before {
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.button.horizontal.counterclockwise:after,
.button.both.counterclockwise:after {
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

.button.horizontal.counterclockwise:hover .inner:before,
.button.both.counterclockwise:hover .inner:before {
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.button.horizontal.counterclockwise:hover .inner:after,
.button.both.counterclockwise:hover .inner:after {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.button.horizontal.counterclockwise:hover:before,
.button.both.counterclockwise:hover:before {
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

.button.horizontal.counterclockwise:hover:after,
.button.both.counterclockwise:hover:after {
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.button.vertical:before,
.button.vertical:after {
    top: 0;
    width: 2px;
    height: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.button.vertical:before {
    left: 0;
}

.button.vertical:after {
    right: 0;
}

.button.vertical:hover:before,
.button.vertical:hover:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.button.vertical.clockwise:before {
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.button.vertical.clockwise:after {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.button.vertical.clockwise:hover:before {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.button.vertical.clockwise:hover:after {
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.button.vertical.counterclockwise:before {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.button.vertical.counterclockwise:after {
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.button.vertical.counterclockwise:hover:before {
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.button.vertical.counterclockwise:hover:after {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.header_visible {
    display: block;
    top: 0;
}

.n_header {
    height: 130px;
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.n_banner {
    height: 29.375rem;
    position: relative;
    margin-top: 130px;
}

header.header_visible .nav-item>a {
    color: #333333
}

header.header_visible nav {
    margin-top: 40px;
}

.n_banner h3 {
    font-size: 2rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: -2rem;
}

.n_banner h4 {
    font-size: 2.125rem;
    color: #fff;
    text-transform: uppercase;
    position: relative
}

.n_banner h4.h4 {
    font-size: 1.375rem;
    line-height: 2rem
}

.n_banner h4:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -36px;
    width: 45px;
    height: 3px;
    background: #fff;
    margin-left: -22.5px;
}

.al_select {
    background: #fff;
}

.al_select ul {
    font-size: 0;
    text-align: center;
    border-left: #e5e5e5 1px solid;
    border-right: #e5e5e5 1px solid;
}

.pctwomenu {
    display: block;
}

.waptwomenu {
    display: none;
}

.al_select ul li {
    width: 50%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 5.25rem;
    line-height: 5.25rem;
    position: relative;
    border-right: #e1e4e6 1px solid;
    border-bottom: #e5e5e5 1px solid;
}

.al_select ul li:after {
    content: "";
    position: absolute;
    width: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: #0055A4;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    z-index: 10;
}

.al_select ul li a {
    font-size: 1rem;
    color: #353536;
    display: block;
}

.al_select ul li a img {
    margin-right: 1rem;
    margin-top: -3px
}

.al_select ul li.on:after {
    left: 0;
    width: 100%
}

.n_container {
    background: #fff
}

.n_container .n_about {
    padding: 4.375rem 0 0
}

.n_about .fl01 {
    padding-bottom: 3rem
}

.n_about .ar_article h3 {
    font-size: 1.75rem;
    color: #3a3a3d;
    margin-bottom: 0.5rem
}

.n_about .ar_article h4 {
    font-size: 1.75rem;
    color: #c9c9ca;
    text-transform: uppercase;
    font-family: Impact;
    font-weight: normal;
    margin-bottom: 3rem
}

.n_about .fl02 {
    background: #f3f4f6;
    padding: 4.5rem 0;
}

.n_about .fl02 ul {
    font-size: 0;
    margin: 0 -8%;
}

.n_about .fl02 ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 20%;
    text-align: center;
}

.n_about .fl02 ul li h5 {
    font-size: 1.125rem;
    color: #6a6a6a;
    margin-bottom: 2.125rem;
}

.n_about .fl02 ul li h4 {
    height: 4.5rem;
}

.n_about .fl02 ul li h4 span {
    font-size: 2.25rem;
    color: #0055A4;
    vertical-align: middle;
    font-weight: normal;
    font-family: Impact;
}

.n_about .fl02 ul li h4 span.counter,
.n_about .fl02 ul li h4 span.counter01 {
    font-size: 4.5rem;
    color: #0055A4;
    font-family: Impact;
}

.n_about .fl02 ul li h4 span.lwy {
    font-size: 65px;
    color: #fff;
    font-family: myFirstFont;
    line-height: 44px;
    margin-left: 12px;
}

.n_about .fl02 ul li h6 {
    font-size: 12px;
    color: #0055A4;
    font-family: DIN Offc Pro;
}

.n_about .fl02 ul li .hide {
    display: none
}

.n_about .fl02 ul li h4 small {
    font-size: 0.875rem;
    color: #0055A4;
    margin-left: 0.5rem;
    vertical-align: bottom;
    margin-bottom: 11px;
    display: inline-block;
}

.n_zhici {
    padding: 4.375rem 0;
    /*  */
}

.n_zhici .ar_article h3 {
    font-size: 1.75rem;
    color: #3a3a3d;
    margin-bottom: 0.5rem;
    padding: .875rem 0 0
}

.ar_article {
    margin-bottom: 5rem;
}

.n_zhici .ar_article h4 {
    font-size: 1.75rem;
    color: #c9c9ca;
    text-transform: uppercase;
    font-family: Impact;
    font-weight: normal;
    margin-bottom: 1rem
}

.n_zhici .ar_article {
    /*display:-webkit-box*/
}

.n_zhici .ar_article .left {
    /*display:table-cell;*/
    width: 58%;
    padding: 0 4.5rem 0 0
}

.n_zhici .ar_article .right {
    display: table-cell;
    width: 36.785%;
}

.n_zhici .ar_article .right .img {
    display: inline-block;
    position: relative
}

.n_zhici .ar_article .right .img:before {
    content: "";
    position: absolute;
    right: -8px;
    bottom: 0;
    width: 8px;
    height: 47.5%;
    background: #cdcecf
}

.n_licheng {
    padding: 4rem 0;
    /* background: url(../image/n_licheng_bg.jpg) center repeat-x; */
    overflow: hidden;
    position: relative;
    background-size: contain;
}

.n_licheng .bg01 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1450px;
    height: 1450px;
    transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
}

.n_licheng .bg01 img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation: play 100s linear infinite;
    -moz-animation: play 100s linear infinite;
    animation: play 100s linear infinite;
}

@-webkit-keyframes play {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes play {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}

@keyframes play {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.nianf {
    width: 145px;
    height: 50px;
    line-height: 46px;
    border: #0055A4 2px solid;
    position: relative;
    z-index: 0;
    background: none !important;
    /* border-radius: 15px; */
    text-align: center;
    font-size: 22px;
    color: #fff;
    border-radius: 5px;
}

.nianf:hover {
    color: #0055A4 !important;
}

.nianf:after {
    position: absolute;
    z-index: -1;
    top: 0px;
    right: 0;
    left: 0;
    height: 100%;
    display: block;
    background: #0055A4;
    content: "";
    /* z-index: -1; */
    -webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    -o-transition: height .5s ease;
    transition: height .5s ease;
    height: 101%;
}

.nianf:hover:after {
    top: auto;
    bottom: 0;
    height: 0;
}

.n_licheng .content_box {
    position: relative;
    padding: 50px 0
}

.n_licheng .content_box:before {
    content: "";
    position: absolute;
    left: 61px;
    width: 4px;
    top: 0;
    bottom: 0;
    background: #0055A4
}

.n_licheng .content_box .bg {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    left: 61px;
}

.n_licheng .content_box .bg:before {
    content: "";
    position: absolute;
    left: 56%;
    width: 24px;
    height: 24px;
    border: #0055A4 4px solid;
    border-radius: 50%;
    background: #0055A4;
    box-sizing: border-box;
    top: 0;
    margin-left: -12px;
}

.n_licheng .content_box .bg:after {
    content: "";
    position: absolute;
    left: 56%;
    width: 24px;
    height: 24px;
    border: #0055A4 4px solid;
    border-radius: 50%;
    background: #0055A4;
    box-sizing: border-box;
    bottom: 0;
    margin-left: -12px;
}

.n_licheng ul {
    overflow: hidden
}

.n_licheng ul li {
    position: relative;
    padding: 30px 0;
}

.n_licheng ul li .left {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 100;
}

.n_licheng ul li .point {
    position: absolute;
    left: 50px;
    width: 24px;
    height: 24px;
    border: #0055A4 4px solid;
    border-radius: 50%;
    background: #fff;
    box-sizing: border-box;
    top: 50%;
    margin-top: -12px;
}

.n_licheng ul li .point b {
    position: absolute;
    left: -64px;
    width: 64px;
    background: #fff;
    height: 4px;
    top: 50%;
    margin-top: -2px;
}

.n_licheng ul li .right {
    width: calc(100% - 110px);
    background: rgba(255, 255, 255, 0.75);
    min-height: 110px;
    border-radius: 8px;
    position: relative;
}

.n_licheng ul li .right .box {
    height: 100%;
    padding: 25px 20px;
}

.n_licheng ul li .right .box .table .table_cell {
    text-align: left;
    font-size: 17px;
    line-height: 30px;
}

.n_licheng ul li .right:before {
    content: "";
    position: absolute;
    left: -10px;
    border-right: rgba(255, 255, 255, 0.75) 10px solid;
    border-top: transparent 8px solid;
    border-bottom: transparent 8px solid;
    top: 50%;
    margin-top: -8px;
}

.n_wenhua {
    padding: 4rem 0;
    background: url(../image/n_wenhua_bg.jpg) center bottom no-repeat
}

.n_contact {
    padding: 13.5rem 0;
    background: url(../image/map01.png) center no-repeat;
}

.n_contact dl {
    font-size: 0
}

.n_contact dl dt {
    display: inline-block;
    width: 34%;
}

.n_contact dl dt h2 {
    font-family: Impact;
    font-size: 4.25rem;
    color: #0055A4;
    text-transform: uppercase;
    padding: 0.5rem 0 0
}

.n_contact dl dt h3 {
    font-weight: bold;
    font-size: 2.5rem;
    color: #33383e;
    margin: 1.75rem 0 1.125rem
}

.n_contact dl dt h4 {
    font-size: 1.375rem;
    color: #33383e;
}

.n_contact dl dd {
    display: inline-block;
    width: 22%;
    text-align: center
}

.n_contact dl dd h3 {
    height: 5.375rem
}

.n_contact dl dd h4 {
    font-size: 1.625rem;
    color: #33383e;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 1rem
}

.n_contact dl dd p {
    font-size: 1rem;
    color: #33383e;
    line-height: 1.875rem;
}

.n_case {
    padding: 3.75rem 0 5rem
}

.n_case ul {
    font-size: 0;
    margin: 0 -12px;
    margin-bottom: 2rem;
}

.n_case ul li {
    display: inline-block;
    width: 33.333333%;
    padding: 0 12px;
    margin-bottom: 24px;
}

.n_case ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: #000;
    overflow: hidden
}

.n_case ul li a .img,
.n_case ul li a .img img {
    width: 100%;
    overflow: hidden;
    position: relative
}

.n_case ul li a .img img {
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.n_case ul li a .img:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#4C000000', endColorstr='#4C000000');
    background: rgba(0, 0, 0, 0.4);
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

:root .n_case ul li a .img:after {
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#00000000');
}


/*for IE9*/

:root .n_case ul li a .img:after {
    filter: none;
}


/*for IE9*/

.n_case ul li a .con {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.n_case ul li a .con h3 {
    position: relative;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    font-size: 1.375rem;
    line-height: 2.125rem;
    color: #fff;
    padding: 0 2.5rem;
}

.n_case ul li a .con h3 img {
    max-width: 80%
}

.n_case ul li a .con h5 {
    height: 0;
    overflow: hidden;
    position: relative;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.n_case ul li a .con h5 span {
    display: inline-block;
    font-size: 0.875rem;
    color: #fff;
    margin: 0 0.5rem
}

.n_case ul li a .con h4 {
    height: 0;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.n_case ul li a .con:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: rgba(21, 96, 157, 0.9);
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}


/*====翻页====*/

.j_pages {
    margin: 0 auto 0 auto
}

.j_pages .box {
    display: inherit;
    width: 100%;
    text-align: center;
}

.j_pages a {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin: 0 5px;
    padding: 0 10px;
    color: #646466;
    font-size: 18px;
    box-sizing: border-box;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.j_pages a font {
    font-size: 15px;
    font-family: SimSun;
    color: #000;
    border: #d3d3d3 1px solid;
    display: block;
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

.j_pages .on {
    border-bottom: #0055A4 2px solid;
}

.n_case_detail {
    padding: 4.375rem 0 4.6875rem
}

.n_case_detail .content {
    background: #fff;
    padding: 4.25rem;
    display: table;
    width: 100%;
}

.n_case_detail .content .left {
    width: calc(100% - 21.5625rem);
    display: table-cell;
    padding-right: 4rem;
}

.n_case_detail .content .left .title {
    margin-bottom: 2.5rem
}

.n_case_detail .content .left .title h3 {
    font-size: 2rem;
    color: #404142;
    font-weight: bold;
    line-height: 3.5rem;
    margin-bottom: 0.75rem
}

.n_case_detail .content .left .title h6 {
    font-size: 14px;
    color: #808080;
    line-height: 20px;
}

.n_case_detail .content .left .title h6 img {
    margin-right: 8px
}

.n_case_detail .content .right {
    width: 21.5625rem;
    display: table-cell
}

.n_case_detail .content .right h3 {
    font-size: 1.375rem;
    color: #404142;
    font-weight: bold;
    margin-bottom: 2rem;
    display: block
}

.n_case_detail .content .right ul li .img {
    overflow: hidden
}

.n_case_detail .content .right ul li .img img {
    width: 100%
}

.n_case_detail .content .right ul li .con {
    padding: 1.125rem 6px 1.875rem
}

.n_case_detail .content .right ul li .con h5 {
    font-size: 1.125rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
}

.n_case_detail .content .right ul li .con h6 {
    font-size: 12px;
    color: #5c5c5c;
    line-height: 20px;
}

.sticky {
    position: sticky;
    top: 170px;
}

.n_yewu {
    padding: 3.375rem 0
}

.n_yewu ul {
    font-size: 0;
    margin: 0 -1rem;
    margin-bottom: 2rem;
}

.n_yewu ul li {
    display: inline-block;
    width: 25%;
    padding: 0 1rem;
    margin-bottom: 2rem;
}

.n_yewu ul li a {
    display: block;
    border-radius: 6px;
    border: #f0f0f0 2px solid;
    text-align: center;
    padding: 3.375rem 0;
    background: #fcfcfc
}

.n_yewu ul li a h3 {
    line-height: 4.6875rem;
}

.n_yewu ul li a h3 img {
    max-height: 42px
}

.n_yewu ul li a h5 {
    font-size: 1.5625rem;
    color: #38393c;
    font-weight: bold;
    margin-bottom: 2rem
}

.n_yewu ul li a p {
    font-size: 14px;
    line-height: 24px;
    height: 72px;
    color: #5a5a5a;
    padding: 0 2rem
}

@keyframes xuanzhuan {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}

.n_yewu_detail {
    padding: 3.75rem 0 5rem
}

.n_yewu_detail .title {
    text-align: center;
    margin-bottom: 2.75rem
}

.n_yewu_detail .title h3 {
    font-size: 1.75rem;
    color: #3a3a3d;
    margin-bottom: 0.5rem;
    font-weight: bold
}

.n_yewu_detail .title h4 {
    font-size: 2rem;
    color: #c9c9ca;
    text-transform: uppercase;
    font-family: Impact
}

.n_yewu_detail ul {
    font-size: 0;
    margin: 0 -12px;
    margin-bottom: 0rem;
}

.n_yewu_detail ul li {
    display: inline-block;
    width: 33.333333%;
    padding: 0 12px;
    margin-bottom: 2.5rem;
}

.n_yewu_detail ul li .img {
    overflow: hidden
}

.n_yewu_detail ul li .img img {
    width: 100%
}

.n_yewu_detail ul li .con {
    padding: 1.5rem 1.75rem 1.5rem;
    border: #e9e9e9 1px solid
}

.n_yewu_detail ul li .con h5 {
    font-size: 1.125rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
    font-weight: bold;
    height: 1.25rem;
    line-height: 1.25rem;
}

.n_yewu_detail ul li .con h6 {
    font-size: 13px;
    color: #656565;
    line-height: 20px;
}

.n_yuangong {
    padding: 3rem 0
}

.n_yuangong ul {
    font-size: 0;
    margin: 0 -12px;
}

.n_yuangong ul li {
    display: inline-block;
    width: 20%;
    padding: 0 12px;
    margin-bottom: 24px;
}

.n_yuangong ul li a {
    display: block;
    border-radius: 6px;
    border: #f0f0f0 1px solid;
    text-align: center;
    padding: 1rem 0 2.5rem;
    background: #fcfcfc
}

.n_yuangong ul li a h3 {
    line-height: 4.6875rem;
}

.n_yuangong ul li a h5 {
    font-size: 16px;
    color: #3a3a3a;
}

.n_news {
    padding: 0 0 5rem
}

.n_news .fl01 {
    padding: 4.375rem 0 1rem;
    background-size: cover
}

.n_news .fl01 ul {
    font-size: 0;
    margin: 0 -1.6875rem
}

.n_news .fl01 ul li {
    width: 33.333333%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 1.6875rem;
}

.n_news .fl01 ul li .img {
    background: #000
}

.n_news .fl01 ul li .img,
.n_news .fl01 ul li .img img {
    overflow: hidden;
    width: 100%;
    position: relative
}

.n_news .fl01 ul li .img a>img {
    opacity: 0.8
}

.n_news .fl01 ul li .con {
    padding: 1.55rem 10px 1.75rem;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    position: relative;
}

.n_news .fl01 ul li .con:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #0055A4;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.n_news .fl01 ul li .con h5,
.n_news .fl01 ul li .con h5 a {
    font-size: 1.0rem;
    height: 2rem;
    line-height: 1.5rem;
    color: #3a3a3a;
    position: relative;
    margin-bottom: 1rem;
    text-align: center;
}

.n_news .fl01 ul li .con p {
    font-size: 0.875rem;
    color: #848484;
    line-height: 1.5rem;
    overflow: hidden;
    height: 3rem;
    margin: 0.75rem 0 1.5rem;
    position: relative
}

.n_news .fl01 ul li .con h6 {
    font-size: 0.875rem;
    color: #4d4c51;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1rem;
    position: relative
}

.n_news .fl01 ul li .con h6 .icon {
    vertical-align: middle;
    overflow: hidden;
    height: 0.875rem;
    width: 0.875rem;
    fill: #999;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    margin: -2px 0.25rem 0 0;
}

.n_news .fl01 ul li .img .red-bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.n_news .fl01 ul li .img .red-bg {
    background: rgba(0, 0, 0, 0.45);
}

.n_news .fl01 ul li .img .red-bg:before {
    content: "";
    position: absolute;
    width: 2.75rem;
    height: 2.75rem;
    background: #0055A4;
    border-radius: 50%;
    top: 50%;
    margin-top: -1.375rem;
    left: 50%;
    margin-left: -1.375rem;
}

.n_news .fl01 ul li .img .line {
    display: block;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: 400ms;
    -webkit-transition: 400ms;
}

.n_news .fl01 ul li .img .line_1 {
    width: 16px;
    height: 2px;
    margin: -1px 0px 0px -8px;
    transform: translateX(-16px);
    -webkit-transform: translateX(-16px);
}

.n_news .fl01 ul li .img .line_2 {
    width: 2px;
    height: 16px;
    margin: -8px 0px 0px -1px;
    transform: translateY(16px);
    -webkit-transform: translateY(16px);
}

.n_news.more01 a small {
    color: #fff
}

.n_news .fl01 .more01 a dl dd span:before {
    background: #fff;
}

.n_news .fl02 ul {
    font-size: 0;
    margin: 0;
    border-top: #eaeaea 1px solid;
    margin-bottom: 3.125rem;
}

.n_news .fl02 ul li {
    padding: 1.675rem 0;
    border-bottom: #eaeaea 1px solid;
    position: relative;
    overflow: hidden;
}

.n_news .fl02 ul li:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #f8f8f8;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.n_news .fl02 ul li .box a {
    padding: 1.25rem 10px 1.25rem;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    position: relative;
    display: block;
}

.n_news .fl02 ul li .box a h5,
.n_news .fl02 ul li .box a h5 a {
    font-size: 1.375rem;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #3a3a3a;
    position: relative;
    margin-bottom: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.n_news .fl02 ul li .box a p {
    font-size: 0.875rem;
    color: #848484;
    line-height: 1.5rem;
    margin: 0.75rem 0 1.5rem;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.n_news .fl02 ul li .box a h6 {
    font-size: 0.875rem;
    color: #4d4c51;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1rem;
    position: relative
}

.n_news .fl02 ul li .box a h6 .icon {
    vertical-align: middle;
    overflow: hidden;
    height: 0.875rem;
    width: 0.875rem;
    fill: #999;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    margin: -2px 0.25rem 0 0;
}

.n_news .fl02 ul li .box a h4 {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}

.n_news .fl02 ul li .box a h4 span {
    margin-left: 15px
}

.n_news .fl02 ul li .img {
    float: left;
    width: 16.5625rem;
    overflow: hidden
}

.n_news .fl02 ul li .img img {
    width: 100%
}

.n_news .fl02 ul li .box {
    float: right;
    width: calc(100% - 18.375rem);
}

.n_news_detail {
    padding: 3.125rem 0 5rem
}

.n_news_detail .content {
    display: table;
    width: 100%;
}

.n_news_detail .content .n_left {
    width: calc(100% - 20.625rem);
    display: table-cell;
    /* padding-right: 4.375rem; */
}

.n_news_detail .content .n_left .n_left_box {
    background: #fff;
    padding: 4.375rem 4.375rem
}

.n_news_detail .content .n_left .title {
    margin-bottom: 2.5rem
}

.n_news_detail .content .n_left .title h3 {
    font-size: 2rem;
    color: #404142;
    font-weight: bold;
    line-height: 3.5rem;
    margin-bottom: 0.75rem
}

.n_news_detail .content .n_left .title h6 {
    font-size: 14px;
    color: #808080;
    line-height: 20px;
    text-indent: 2rem;
}

.n_news_detail .content .n_left .title h6 span {
    margin-right: 2.5rem
}

.n_news_detail .content .n_left .title h6 img {
    margin-right: 8px;
    margin-top: -3px;
}

.n_news_detail .content .n_left .title h6 .span2 {
    background: url(../image/fx.png) left center no-repeat;
    padding-left: 24px;
    position: relative;
    margin-right: 0;
    padding-right: 3.5rem;
}

.n_news_detail .content .n_left .title h6 .span2 a {
    color: #808080;
}


/*==============分享插件=====================*/

.shart_box {}

#j_shart_s_24 .bds_count {
    font-size: 12px;
}

#j_shart_s_24 {
    position: relative;
    display: none;
    height: 50px;
}

#j_shart_s_24 .bds_count {
    font-size: 12px;
}

#j_shart_s_24 {
    position: absolute;
    left: 94px;
    top: -10px;
    width: 215px;
}

#j_shart_s_24 strong {
    display: block;
    position: absolute;
    left: 0;
    z-index: 2;
    line-height: 36px;
    font-size: 12px;
    color: #838383;
    font-weight: normal;
}

#j_shart_s_24 .bds_qzone {
    background: url(../image/j_shart.png) center -224px no-repeat
}

#j_shart_s_24 .bds_tsina {
    background: url(../image/j_shart.png) center -311px no-repeat
}

#j_shart_s_24 .bds_tqq {
    background: url(../image/j_shart.png) center -195px no-repeat
}

#j_shart_s_24 .bds_renren {
    background: url(../image/j_shart.png) center -340px no-repeat
}

#j_shart_s_24 .bds_weixin {
    background: url(../image/j_shart.png) center -253px no-repeat
}

#j_shart_s_24 .bds_sqq {
    background: url(../image/j_shart.png) center -79px no-repeat
}

#j_shart_s_24 .bds_fbook {
    background: url(../image/j_shart.png) center -166px no-repeat
}

#j_shart_s_24 .bds_twi {
    background: url(../image/j_shart.png) center -137px no-repeat
}

#j_shart_s_24 .bds_linkedin {
    background: url(../image/j_shart.png) center -108px no-repeat
}

#j_shart_s_24 .bds_tieba {
    background: url(../image/j_shart.png) center -253px no-repeat
}

#j_shart_s_24 .bds_huaban {
    background: url(../image/j_shart.png) center -253px no-repeat
}

#j_shart_s_24 .bds_douban {
    background: url(../image/j_shart.png) center -253px no-repeat
}

#j_shart_s_24 .bds_copy {
    background: url(../image/j_shart.png) center -253px no-repeat
}

#j_shart_s_24 .bds_print {
    background: url(../image/j_shart.png) center -253px no-repeat
}

#j_shart_s_24 .bds_mshare {
    background: url(../image/j_shart.png) center -253px no-repeat
}

#j_shart_s_24 .bds_count {
    font-size: 12px
}

.bdshare-button-style1-32 a {
    width: 26px !important;
    height: 26px !important;
    line-height: 26px !important;
    margin: 6px 2px 6px 0 !important;
}

.n_news_detail .content .n_right {
    width: 20.625rem;
    display: table-cell
}

.n_news_detail .content .n_right .frl01 {
    margin-bottom: 2rem
}

.n_news_detail .content .n_right .frl01 ul {
    width: 20.625rem;
}

.n_news_detail .content .n_right .frl01 ul li.miso-slide {
    position: relative
}

.n_news_detail .content .n_right .frl01 ul li.miso-slide img {
    width: 100%
}

.n_news_detail .content .n_right .frl01 ul li.miso-slide h5 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    background: url(../image/hei75.png);
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.n_news_detail .content .n_right .frl01 ul li.miso-slide:hover h5 {
    background: #333
}

.n_news_detail .content .n_right .frl02 {
    margin-bottom: 2rem
}

.n_news_detail .content .n_right .frl02 .title {
    font-size: 1.375rem;
    color: #404142;
    font-weight: bold;
    line-height: 3.75rem;
    border-bottom: #e2e2e2 2px solid;
    margin-bottom: 1rem
}

.n_news_detail .content .n_right .frl02 ul li {
    font-size: 1.0625rem;
    color: #404142;
    line-height: 2.875rem
}

.n_news_detail .content .n_right .frl02 ul li a {
    color: #404142;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.n_video {
    padding: 3.75rem 0 5rem
}

.n_video ul {
    font-size: 0;
    margin: 0 -1.25rem;
    margin-bottom: 1.5rem
}

.n_video ul li {
    display: inline-block;
    width: 50%;
    padding: 0 1.25rem;
    margin-bottom: 1rem;
}

.n_video ul li a {
    display: block;
    transition: 0.8s;
    cursor: pointer
}

.n_video ul li a .img,
.n_video ul li a .img>video {
    width: 100%;
    overflow: hidden;
    position: relative;
    object-fit: fill;
    height: 350px;
}

.n_video ul li a .img .top {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.n_video ul li a h5 {
    line-height: 60px;
    font-size: 1.125rem;
    color: #424344;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: 0.36s;
    font-weight: bold;
    text-align: left;
}

.n_video ul li a .img img {
    width: 100%
}


/*======================j_弹窗======================*/

#page_show_video_box {
    position: fixed;
    z-index: 9995;
    top: -1800px;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
}

#page_show_video_box .bg_box {
    position: fixed;
    z-index: 9994;
    top: 0px;
    display: none;
    height: 100%;
    width: 100%;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000');
    background: rgba(0, 0, 0, 0.7);
}

#page_show_video_box .box {
    position: absolute;
    top: 50%;
    z-index: 9999;
    left: 50%;
    margin-left: -405px;
}

#page_video {
    width: 796px;
    height: 405px;
    position: relative;
}

#page_video .video_box {
    border: 5px solid #1a1a1a;
    width: 726px;
    height: 405px;
    overflow: hidden;
}

#page_show_video_box #j_video {
    background: #000 url(../image/ajax-loader.gif) center 200px no-repeat;
    background-size: 100px 100px;
}

#page_show_video_box .info {
    padding: 15px 25px 15px 25px;
    width: 726px;
    background: #1a1a1a;
    display: none;
}

#page_show_video_box .info h1.title {
    font-size: 1rem;
    color: #fff;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#page_show_video_box .info p {
    line-height: 24px;
    overflow: hidden;
    font-size: 14px;
    color: #fff;
    padding-bottom: 15px
}

#page_show_video_box .info p.last {
    padding-bottom: 0;
}

#page_show_video_box #playercontainer {
    display: none;
}

#page_show_video_box #page_ar {
    width: 810px;
    position: relative;
}

#page_show_video_box #page_ar .ar_box {
    border: 5px solid #1a1a1a;
    width: 730px;
    padding: 40px 0;
    background: #fff;
    position: relative;
}

#page_show_video_box #page_ar .ar_box .ar_article {
    padding: 0px 35px;
    height: 540px;
}

#page_show_box .bg_box {
    position: fixed;
    z-index: 9994;
    top: 0px;
    display: none;
    height: 100%;
    width: 100%;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000');
    background: rgba(0, 0, 0, 0.7);
}

#page_show_box .box {
    position: absolute;
    top: 50%;
    z-index: 9999;
    left: 50%;
    margin-left: -405px;
}

#bnt_close01 {
    display: block;
    width: 70px;
    height: 70px;
    background: #1a1a1a;
    position: absolute;
    top: 0;
    right: 0;
}

#bnt_close01 img {
    display: block;
    position: absolute;
    left: 20px;
    top: 23px;
    width: 25px;
    height: 25px;
    transition: 0.6s
}

#bnt_close01:hover img {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    /* Opera */
}

#page_show_video_box video {
    width: 716px;
    height: 395px;
}

.n_zhici .title {
    /* text-align: center; */
    margin-bottom: 2.75rem
}

.n_zhici .title h3 {
    font-size: 1.75rem;
    color: #3a3a3d;
    margin-bottom: 0.5rem;
    font-weight: bold
}

.n_zhici .title h4 {
    font-size: 2rem;
    color: #c9c9ca;
    text-transform: uppercase;
    font-family: Impact
}

.n_licheng .title {
    /* text-align: center; */
    margin-bottom: 2.75rem
}

.n_licheng .title h3 {
    font-size: 1.75rem;
    color: #3a3a3d;
    margin-bottom: 0.5rem;
    font-weight: bold
}

.n_licheng .title h4 {
    font-size: 2rem;
    color: #c9c9ca;
    text-transform: uppercase;
    font-family: Impact
}

.n_news .title {
    /* text-align: center; */
    margin-bottom: 2.75rem
}

.n_news .title h3 {
    font-size: 1.75rem;
    color: #3a3a3d;
    margin-bottom: 0.5rem;
    font-weight: bold
}

.n_news .title h4 {
    font-size: 2rem;
    color: #c9c9ca;
    text-transform: uppercase;
    font-family: Impact
}

.n_zizhi .title {
    /* text-align: center; */
    margin-bottom: 2.75rem
}

.n_zizhi .title h3 {
    font-size: 1.75rem;
    color: #3a3a3d;
    margin-bottom: 0.5rem;
    font-weight: bold
}

.n_zizhi .title h4 {
    font-size: 2rem;
    color: #c9c9ca;
    text-transform: uppercase;
    font-family: Impact
}

.n_zizhi .fl01 {
    padding: 4rem 0 3rem
}

.n_zizhi .fl01 ul {
    font-size: 0;
    margin: 0 -2rem;
}

.n_zizhi .fl01 ul li {
    display: inline-block;
    width: 25%;
    text-align: center;
    padding: 0 2rem;
}

.n_zizhi .fl01 ul li a {
    display: block;
    position: relative
}

.n_zizhi .fl01 ul li a .top_img img {
    width: 100%
}

.n_zizhi .fl01 ul li a .img {
    width: 100%;
    height: 91%;
}

.n_zizhi .fl01 ul p {
    line-height: 1.5rem;
    height: 4rem;
    color: #333;
    font-size: 14px;
    padding: 1rem 0;
}

.n_zizhi .fl01 ul li a .img img {
    max-width: 90%;
    max-height: 40%;
}

.n_zizhi .fl02 {
    background: #f3f3f6;
    padding: 4rem 0 3rem;
}

.n_zizhi .fl02 ul {
    font-size: 0;
    margin: 0 -2rem;
}

.n_zizhi .fl02 ul li {
    display: inline-block;
    width: 25%;
    text-align: center;
    padding: 0 2rem;
}

.n_zizhi .fl02 ul li a {
    display: block;
    position: relative
}

.n_zizhi .fl02 ul li a .top_img img {
    width: 100%
}

.n_zizhi .fl02 ul li a .img {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 84%;
}

.n_zizhi .fl02 ul li a .img img {
    max-width: 64%;
    max-height: 140px;
    display: inline-block;
}

.n_yingpin .fl01 {
    background: url(../image/n_yingpin_fl01_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 4.375rem 0
}

.n_yingpin .fl01 ul {
    font-size: 0
}

.n_yingpin .fl01 ul li {
    display: inline-block;
    width: 33.333333%;
    text-align: center;
}

.n_yingpin .fl01 ul li h3 {
    line-height: 5.625rem
}

.n_yingpin .fl01 ul li h5 {
    font-size: 1.125rem;
    color: #fff;
    font-weight: bold
}

.n_yingpin .fl02 {
    padding: 4.375rem 0 3.75rem
}

.n_yingpin .fl02 ul li {
    margin-bottom: 1.125rem;
}

.n_yingpin .fl02 ul li a {
    display: block;
    padding: 3rem 6rem 2.75rem;
    border: #dedede 1px solid;
    border-radius: 5px;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: 0.6s;
}

.n_yingpin .fl02 ul li a:before {
    content: "";
    position: absolute;
    bottom: 0;
    background: #0055A4;
    height: 0;
    left: 0;
    right: 0;
    transition: 0.6s
}

.n_yingpin .fl02 ul li a h5,
.n_yingpin .fl02 ul li a h5 a {
    font-size: 1.25rem;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #3a3a3a;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold
}

.n_yingpin .fl02 ul li a h6 {
    font-size: 13px;
    color: #878787;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1rem;
    position: relative
}

.n_yingpin .fl02 ul li a h6 .icon {
    vertical-align: middle;
    overflow: hidden;
    height: 0.875rem;
    width: 0.875rem;
    fill: #878787;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    margin: -2px 0.25rem 0 0;
}

.n_yingpin .fl02 ul li a .zi {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3.5rem
}

.n_yingpin .fl02 ul li a .zi .table {
    width: auto
}

.n_yingpin .fl02 ul li a .jia {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 4rem;
    width: 30px;
    height: 30px;
    transition: 0.6s
}

.n_yingpin .fl02 ul li a .jia:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    background: #ababab;
    left: 0;
    top: 50%;
    margin-top: -0.5px;
}

.n_yingpin .fl02 ul li a .jia:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 30px;
    background: #ababab;
    left: 50%;
    top: 0;
    margin-left: -0.5px;
}

.n_yingpin .fl02 ul li a .zi .img02 {
    display: none
}

.n_renli .left {
    width: 50%;
    padding: 0 2rem 0 0
}

.n_renli .left h3 {
    font-size: 1.75rem;
    color: #3a3a3d;
    margin-bottom: 0.5rem;
    margin-top: 2rem
}

.n_renli .left h4 {
    font-size: 1.75rem;
    color: #c9c9ca;
    text-transform: uppercase;
    font-family: Impact;
    font-weight: normal;
    margin-bottom: 2.5rem
}

.n_renli .left p {
    font-size: 1.0625rem;
    color: #5e5e5e;
    line-height: 2.125rem;
    margin-bottom: 2rem
}

.n_renli .fl01 {
    padding: 5.25rem 0
}

.n_renli .fl01 .right {
    width: 50%;
    padding: 0 0 0 2rem
}

.n_renli .fl01 .right .swiper-container ul li .img img {
    width: 100%
}

.n_renli .fl01 .right .swiper-container ul li {
    text-align: center;
    background-position: center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.n_renli .fl01 .right .swiper-container ul li .img {
    padding: 0
}

.n_renli .fl01 .right .swiper-container ul li .img img {
    width: auto;
}

.n_renli .fl02 {
    background: url(../image/n_renli_fl02_bg.jpg) center no-repeat fixed;
    background-size: cover;
    text-align: center;
    padding: 8.5rem 0 11.875rem
}

.n_renli .fl02 h3 {
    font-size: 1.875rem;
    color: #fff;
    margin-bottom: 1.25rem;
}

.n_renli .fl02 h4 {
    font-size: 1.675rem;
    color: #fff;
    margin-bottom: 2.5rem
}

.n_renli .fl02 h2 {
    font-size: 3.75rem;
    color: rgba(255, 255, 255, 0.2);
    text-transform: uppercase;
    font-family: Impact;
    font-weight: normal;
}

.n_renli .fl03 {
    padding: 4.375rem 0 5rem;
    text-align: center;
    overflow: hidden;
}

.n_renli .fl03 .box {
    display: inline-block;
    position: relative
}

.n_renli .fl03 .box .wz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.n_renli .fl03 .box .wz h3 {
    font-size: 1.45rem;
    color: #fff;
    margin-bottom: 0.75rem;
    margin-top: 5rem;
    font-weight: bold
}

.n_renli .fl03 .box .wz h4 {
    font-size: 0.95rem;
    color: #869ec3;
    text-transform: uppercase;
    font-family: Impact;
    font-weight: normal;
    margin-bottom: 2.5rem
}

.n_renli .fl03 .box .con {
    position: absolute;
    white-space: nowrap;
    font-size: 0.9rem;
    color: #15569D;
    line-height: 1.4rem;
    text-align: left;
}

.n_renli .fl03 .box .con .conborder {
    border: solid 1px #5795C3;
    border-radius: 1rem;
    padding: 1em;
    text-align: left;
}


/* .n_renli .fl03 .box .con:before {
    width: 8.5rem;
} */

.n_renli .fl03 .box .con01:before {
    width: 8.5rem;
}

.n_renli .fl03 .box .con02:before {
    width: 8.5rem;
}

.n_renli .fl03 .box .con03:before {
    width: 2.0rem;
}

.n_renli .fl03 .box .con04:before {
    width: 3.5rem;
}

.n_renli .fl03 .box .con05:before {
    width: 3.0rem;
}

.n_renli .fl03 .box .con06:before {
    width: 3.1rem;
}

.n_renli .fl03 .box .con07:before {
    width: 6.8rem;
}

.n_renli .fl03 .box .con:after {
    width: 34px;
    height: 34px;
}

.n_renli .fl03 .box .con01 {
    right: 74%;
    top: 0rem;
    padding-right: 11.5rem;
}

.n_renli .fl03 .box .con01:before {
    content: "";
    position: absolute;
    height: 1px;
    top: 50%;
    right: 34px;
    margin-top: -1px;
    border-bottom: #3b3b3b 1px dashed;
}

.n_renli .fl03 .box .con01:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -17px;
    right: 0;
    border: #c2c2c2 1px solid;
    border-radius: 50%;
    background: #fff
}

.n_renli .fl03 .box .con02 {
    left: 78%;
    top: 0rem;
    padding-left: 12rem;
}

.n_renli .fl03 .box .con02:before {
    content: "";
    position: absolute;
    height: 1px;
    top: 50%;
    left: 34px;
    margin-top: -1px;
    border-bottom: #3b3b3b 1px dashed;
}

.n_renli .fl03 .box .con02:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 0;
    border: #c2c2c2 1px solid;
    border-radius: 50%;
    background: #fff
}

.n_renli .fl03 .box .con03 {
    right: 92%;
    top: 7rem;
    padding-right: 5.9rem;
}

.n_renli .fl03 .box .con03:before {
    content: "";
    position: absolute;
    height: 1px;
    top: 50%;
    right: 34px;
    margin-top: -1px;
    border-bottom: #3b3b3b 1px dashed;
}

.n_renli .fl03 .box .con03:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -17px;
    right: 0;
    border: #c2c2c2 1px solid;
    border-radius: 50%;
    background: #fff
}

.n_renli .fl03 .box .con04 {
    left: 93%;
    top: 8rem;
    padding-left: 7.2rem;
}

.n_renli .fl03 .box .con04:before {
    content: "";
    position: absolute;
    height: 1px;
    top: 50%;
    left: 34px;
    margin-top: -1px;
    border-bottom: #3b3b3b 1px dashed;
}

.n_renli .fl03 .box .con04:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 0;
    border: #c2c2c2 1px solid;
    border-radius: 50%;
    background: #fff
}

.n_renli .fl03 .box .con05 {
    right: 88%;
    top: 15rem;
    padding-right: 7.3rem;
}

.n_renli .fl03 .box .con05:before {
    content: "";
    position: absolute;
    height: 1px;
    top: 50%;
    right: 34px;
    margin-top: -1px;
    border-bottom: #3b3b3b 1px dashed;
}

.n_renli .fl03 .box .con05:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -17px;
    right: 0;
    border: #c2c2c2 1px solid;
    border-radius: 50%;
    background: #fff
}

.n_renli .fl03 .box .con06 {
    left: 95%;
    top: 15rem;
    padding-left: 6.6rem;
}

.n_renli .fl03 .box .con06:before {
    content: "";
    position: absolute;
    height: 1px;
    top: 50%;
    left: 34px;
    margin-top: -1px;
    border-bottom: #3b3b3b 1px dashed;
}

.n_renli .fl03 .box .con06:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 0;
    border: #c2c2c2 1px solid;
    border-radius: 50%;
    background: #fff
}

.n_renli .fl03 .box .con07 {
    left: 83%;
    top: 23rem;
    padding-left: 10.4rem;
}

.n_renli .fl03 .box .con07:before {
    content: "";
    position: absolute;
    height: 1px;
    top: 50%;
    left: 34px;
    margin-top: -1px;
    border-bottom: #3b3b3b 1px dashed;
}

.n_renli .fl03 .box .con07:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 0;
    border: #c2c2c2 1px solid;
    border-radius: 50%;
    background: #fff
}

.biaoyu {
    text-align: center
}

.biaoyu a {
    margin-top: 3.125rem;
    display: inline-block;
    width: 405px;
    height: 65px;
    line-height: 65px;
    font-size: 1.375rem;
    color: #fff;
    font-weight: bold;
    border: #adc4dd 5px solid;
    border-radius: 42px;
    background: #0055A4;
    box-sizing: content-box;
}

.n_wenhua {
    padding: 3.75rem 0 5.625rem;
}

.n_wenhua .fl01 {
    text-align: center;
    overflow: hidden;
}

.n_wenhua .fl01 .box {
    position: relative
}

.n_wenhua .fl01 .box .wz {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.n_wenhua .fl01 .box .wz h5 {
    font-size: 1.875rem;
    color: #464646;
    font-weight: bold;
    margin-top: 1.25rem
}

.n_wenhua .fl01 .con h3 {
    font-size: 1.75rem;
    color: #464646;
    margin-bottom: 1.5rem;
    font-weight: bold
}

.n_wenhua .fl01 .con p {
    font-size: 16px;
    color: #464646;
    line-height: 32px;
}

.n_wenhua .fl01 .con01 {
    position: absolute;
    left: 50%;
    margin-left: 22%;
    top: 6rem;
    text-align: left
}

.n_wenhua .fl01 .con02 {
    position: absolute;
    right: 50%;
    margin-right: 22%;
    top: 6rem;
    text-align: right
}

.n_wenhua .fl01 .con03 h3 {
    padding: 3.25rem 0 0
}

#mainMap,
#mainMap>div,
#mainMap canvas {
    background: none !important;
    user-select: none !important
}

.piaofu .close {
    position: fixed;
    bottom: 32rem;
    right: 1rem;
    font-size: 22px;
    color: #333;
    cursor: pointer
}

.kaiguan {
    position: fixed;
    bottom: 32rem;
    right: -60px;
    width: 60px;
    line-height: 60px;
    border-radius: 50%;
    background: #0055A4;
    line-height: 60px;
    font-size: 25px;
    color: #fff;
    cursor: pointer;
    padding: 0 12px;
    font-family: simsun;
    z-index: 100000;
}

.kaiguan.on {
    right: -30px;
}

.chart .img {
    display: none
}


/*==========================================内页 结束=============================================*/

@media(min-width: 768px) {
    .container03 ul li:hover a:before {
        background: #0055A4;
        box-shadow: 0 0 0 16px rgba(21, 86, 157, 0.45)
    }
    .container04 ul li:hover a .img:after {
        left: 0;
        width: 0
    }
    .container04 ul li:hover a .con:before {
        left: 0;
        width: 100%
    }
    .container04 ul li:hover a .con h4 {
        height: 1.875rem
    }
    .container04 ul li:hover a .con h5 {
        height: 1rem
    }
    .container05 ul li .box:hover .con:before {
        left: 0;
        width: 100%
    }
    .container05 ul li .box:hover .con h5 a {
        color: #fff
    }
    .container05 ul li .box:hover .con p {
        color: #fff
    }
    .container05 ul li .box:hover .con h6,
    .container05 ul li .box:hover .con h6 .icon {
        color: #fff;
        fill: #fff
    }
    .container05 ul li .box:hover {
        box-shadow: 0 0 35px rgba(0, 0, 0, 0.35)
    }
    .container05 ul li .box .img:hover .red-bg {
        opacity: 1;
        visibility: visible;
    }
    .container05 ul li .box .img:hover .line {
        transform: translate(0);
        -webkit-transform: translate(0);
        opacity: 1;
        visibility: visible;
    }
    .container05 ul li .box .img:hover img {
        transform: scale(1.05);
    }
    .more01 a:hover small {
        color: #0055A4
    }
    .more01 a:hover dl dd:nth-child(2) span:before {
        top: 0;
    }
    .more01 a:hover dl dd:nth-child(1) span:before {
        left: 5px;
    }
    .more01 a:hover dl dd:nth-child(3) span:before {
        top: 5px;
    }
    .more01 a:hover dl dd:nth-child(4) span:before {
        left: 0;
    }
    .more01 a:hover dl dd:nth-child(6) span:before {
        left: 0;
    }
    .more01 a:hover dl dd:nth-child(7) span:before {
        top: -5px;
    }
    .more01 a:hover dl dd:nth-child(9) span:before {
        left: -5px;
    }
    .container06 ul li a:hover .pp {
        transform: scale(1);
        opacity: 1
    }
    .container06 ul li a:hover:after {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    .container08 .bottom dd a:hover {
        color: #fff
    }
    .container05 ul li .box:hover .con {
        background: #0055A4
    }
    .al_select ul li:hover:after {
        left: 0;
        width: 100%
    }
    .n_case ul li:hover a .img:after {
        left: 0;
        width: 0
    }
    .n_case ul li:hover a .con:before {
        left: 0;
        width: 100%
    }
    .n_case ul li:hover a .con h4 {
        height: 1.875rem
    }
    .n_case ul li:hover a .con h5 {
        height: 1rem
    }
    .j_pages a:hover {
        border-bottom: #0055A4 2px solid;
    }
    .n_case_detail .content .right ul li .con h5:hover {
        color: #0055A4
    }
    .n_yewu ul li a:hover h3 img {
        transform-style: preserve-3d;
        -webkit-animation: xuanzhuan 2s;
        animation: xuanzhuan 2s;
        animation-fill-mode: forwards;
        transition: all .5s linear;
    }
    .n_yewu ul li a:hover h5 {
        color: #0055A4
    }
    .n_yewu_detail ul li a:hover img {
        transform: scale(1.06)
    }
    .n_yewu_detail ul li a:hover h5 {
        color: #0055A4
    }
    .n_yuangong ul li a:hover h3 img {
        transform-style: preserve-3d;
        -webkit-animation: xuanzhuan 2s;
        animation: xuanzhuan 2s;
        animation-fill-mode: forwards;
        transition: all .5s linear;
    }
    .n_yuangong ul li a:hover h5 {
        color: #0055A4
    }
    .n_news .fl01 ul li .box:hover .con h5 a {
        color: #0055A4
    }
    .n_news .fl01 ul li .box:hover .con p {
        color: #0055A4
    }
    .n_news .fl01 ul li .box:hover .con h6,
    .n_news .fl01 ul li .box:hover .con h6 .icon {
        color: #0055A4;
        fill: #0055A4
    }
    .n_news .fl01 ul li .box .img:hover .red-bg {
        opacity: 1;
        visibility: visible;
    }
    .n_news .fl01 ul li .box .img:hover .line {
        transform: translate(0);
        -webkit-transform: translate(0);
        opacity: 1;
        visibility: visible;
    }
    .n_news .fl01 ul li .box .img:hover img {
        transform: scale(1.05);
    }
    .n_news .fl02 ul li a:hover h5,
    .n_news .fl02 ul li a:hover h4,
    .n_news .fl02 ul li a:hover h4 span {
        color: #0055A4
    }
    .n_news .fl02 ul li:hover:before {
        left: 0;
        width: 100%
    }
    .n_news_detail .content .n_right .frl02 ul li:hover a {
        color: #0055A4
    }
    .n_video ul li a:hover .img img {
        transform: scale(1)
    }
    .n_video ul li a:hover .img>img {
        transform: scale(1.05)
    }
    .n_video ul li a:hover h5 {
        color: #0055A4
    }
    .n_yingpin .fl02 ul li a:hover {
        border: #0055A4 1px solid
    }
    .n_yingpin .fl02 ul li a:hover:before {
        height: 100%;
        top: 0
    }
    .n_yingpin .fl02 ul li a:hover h5,
    .n_yingpin .fl02 ul li a:hover h5 a {
        color: #fff
    }
    .n_yingpin .fl02 ul li a:hover h6 {
        color: #fff;
    }
    .n_yingpin .fl02 ul li a:hover h6 .icon {
        fill: #8fff;
    }
    .n_yingpin .fl02 ul li a:hover .jia {
        transform: rotate(180deg);
    }
    .n_yingpin .fl02 ul li a:hover .zi .img01 {
        display: none
    }
    .n_yingpin .fl02 ul li a:hover .zi .img02 {
        display: inline-block
    }
}

@media(min-width: 992px) and (max-width: 1300px) {}

@media(max-width: 1600px) {
    .marginleft {
        margin-left: 150px;
    }
}

@media(max-width: 1450px) {}

@media(max-width: 1400px) {
    #mainMap {
        display: none
    }
    .chart .img {
        display: block
    }
}

@media(max-width: 1330px) {}

@media(max-width: 1200px) {
    .n_contact {
        padding: 5rem 0
    }
    .n_contact dl dt {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-bottom: 3rem;
    }
    .n_contact dl dd {
        display: inline-block;
        width: 33.333333%;
    }
    .n_renli .fl03 .box img {
        width: 55%;
    }
    .n_renli .fl03 .box .con01 {
        left: 66%;
        padding-left: 6rem
    }
    .n_renli .fl03 .box .con02 {
        left: 66%;
        padding-left: 6rem
    }
    .n_renli .fl03 .box .con03 {
        right: 66%;
        padding-right: 6rem
    }
    .n_renli .fl03 .box .con04 {
        right: 66%;
        padding-right: 6rem
    }
    .n_renli .fl03 .box .con:before {
        width: 3rem
    }
    .n_renli .fl03 .box .wz h3 {
        font-size: .75rem
    }
    .n_renli .fl03 .box .wz h4 {
        font-size: 1rem;
        display: none;
    }
    .n_zizhi .fl02 ul li a .img img {
        height: 120px
    }
}

@media(max-width: 1060px) {}

@media(max-width: 992px) {
    .container04 ul {
        margin: 0 -0.5rem
    }
    .container04 ul li {
        padding: 0 0.5rem;
        width: 50%
    }
    .container04 ul li:nth-child(7),
    .container04 ul li:nth-child(8) {
        display: none
    }
    .container05 ul {
        margin: 0 -1rem
    }
    .container05 ul li {
        padding: 0 1rem
    }
    .marginleft {
        margin-left: 20px;
    }
    header .fl,
    header .fr {
        width: 100%
    }
    header .container {
        width: 90%;
    }
    header nav {
        position: fixed;
        top: 0;
        left: auto;
        right: -100%;
        bottom: 0;
        width: 100%;
        margin-top: 0;
        padding-top: 5rem;
        padding-bottom: 32px;
        background: rgba(0, 0, 0, 0.95);
        visibility: hidden;
        transition: all .8s, top .3s;
        overflow: hidden;
        overflow-y: scroll;
        margin-top: 0 !important;
    }
    header nav.show {
        right: 0;
        visibility: visible;
    }
    header .nav-item {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
        height: auto;
    }
    header .nav-item.active {
        background: #0055A4
    }
    header .nav-item.active>a {
        color: #fff !important
    }
    header .nav-item>a {
        position: relative;
        line-height: 50px;
        z-index: 1;
        display: inline-block;
        color: #fff !important;
    }
    header .nav-item>i {
        display: inline-block;
        width: 10%;
        font-size: 12px;
        color: #ffff;
        font-family: simsun;
        font-style: normal;
        font-weight: bold;
        line-height: 50px;
        position: absolute;
    }
    header .nav-item>a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #0055A4;
        transform: scale(1, 0);
        transition: transform .5s;
        z-index: -1;
    }
    header .nav-item>a:hover {
        color: #fff !important;
    }
    header .nav-item>a.up:before {
        transform-origin: 0 100%;
    }
    header .nav-item>a.down:before {
        transform-origin: 0 0;
    }
    header .sub-nav-list {
        top: 0;
        left: 0;
        right: 0;
        margin-top: 0;
        margin-right: 15px;
        padding: 10px 0;
        white-space: nowrap;
        position: relative;
        display: none;
        opacity: 1;
        visibility: visible;
        float: left;
        width: 100%;
        transition: all 0s;
        margin-top: 0 !important;
    }
    header .sub-nav-list:before {
        content: none;
    }
    header .sub-nav-item {
        padding: 0 20px;
        line-height: 40px;
    }
    header .contact {
        margin-right: 20px;
    }
    header .nav-menu-btn {
        position: relative;
        display: block;
        float: right;
        width: 20px;
        height: 38px;
        margin-top: -1.125rem;
        cursor: pointer;
        transition: all .3s;
        z-index: 10;
    }
    header .nav-menu-btn.enter .menu-btn {
        transition-duration: .1s;
        transition-delay: .4s;
    }
    header .nav-menu-btn.enter .menu-btn:before,
    header .nav-menu-btn.enter .menu-btn:after {
        opacity: 0;
    }
    header .nav-menu-btn.enter .menu-btn:before {
        left: -50%;
        right: 100%;
        transform: translate(-100%, 0);
    }
    header .nav-menu-btn.enter .menu-btn:after {
        left: 100%;
        right: -50%;
        transform: translate(100%, 0);
    }
    header .nav-menu-btn.enter .up {
        top: 17px;
        transform: rotate(45deg);
        height: 3px;
    }
    header .nav-menu-btn.enter .down {
        bottom: 18px;
        transform: rotate(-45deg);
        height: 3px;
    }
    header .nav-menu-btn.leave .menu-btn:before,
    header .nav-menu-btn.leave .menu-btn:after {
        opacity: 1;
        transform: translate(0, 0);
    }
    header .nav-menu-btn.leave .menu-btn:before {
        left: 0;
        right: 50%;
    }
    header .nav-menu-btn.leave .menu-btn:after {
        left: 50%;
        right: 0;
    }
    header .menu-btn {
        position: absolute;
        display: block;
        width: 100%;
        height: 9px;
    }
    header .menu-btn:before,
    header .menu-btn:after {
        content: '';
        position: absolute;
        top: 0;
        height: 100%;
        background: #fff;
        transition: all .3s;
        border-radius: 3px;
    }
    header .menu-btn:before {
        left: 0;
        right: 55%;
    }
    header .menu-btn:after {
        left: 55%;
        right: 0;
    }
    header .menu-btn.up {
        top: 10px;
    }
    header .menu-btn.down {
        bottom: 8px;
    }
    header.scroll-down nav {
        top: 50px;
        margin-top: 0;
    }
    header.scroll-down .nav-item:hover .sub-nav-list {
        margin-top: -10px;
    }
    header .logo {
        left: 3%;
        margin-left: 0;
        top: -2rem;
        display: none
    }
    header .logo img {
        height: 56px;
    }
    header .logo2 {
        left: 3%;
        margin-left: 0;
        top: -2rem;
        display: none
    }
    header .logo2 img {
        height: 56px;
    }
    header {
        display: block
    }
    .fp-viewing-0 header .logo {
        display: block
    }
    .fp-viewing-0 header .logo2 {
        display: block
    }
    .menu-handler {
        display: none
    }
    header.header_visible .logo {
        display: block;
        top: 7px;
    }
    header.header_visible .logo2 {
        display: block;
        top: 7px;
    }
    .n_header {
        height: 70px;
    }
    header.header_visible .menu-btn:before,
    header.header_visible .menu-btn:after {
        background: #0055A4
    }
    header.header_visible .nav-menu-btn {
        top: 27px;
    }
    .n_banner {
        margin-top: 70px;
        height: 15rem;
        background-size: 170% 100% !important;
    }
    .n_yewu ul li {
        width: 50%
    }
    .sticky {
        top: 115px;
    }
    .n_news_detail .content .n_left .n_left_box {
        padding: 2.5rem
    }
    .n_renli .fl03 .box .con {
        white-space: normal;
        width: 12rem;
        font-size: 12px;
        line-height: 20px;
    }
    .n_wenhua .fl01 .box>img {
        height: 25rem
    }
    .container02 .top {
        height: calc(100vh - 10rem);
        background: url(../image/container02_top_bg01.jpg) bottom center no-repeat;
        background-size: cover;
    }
    .container02 .bottom {
        height: 10rem;
    }
    .container02 .bottom ul {
        margin: 0 -3%
    }
    .container02 .bottom ul li h5 {
        font-size: 12px;
        margin-bottom: 0.5rem;
    }
    .container02 .bottom ul li h4 {
        height: 2.25rem;
        margin-bottom: 0.25rem;
        line-height: 2.25rem;
    }
    .container02 .bottom ul li h4 span.counter,
    .container02 .bottom ul li h4 span.counter01 {
        font-size: 1.5rem;
    }
    .container02 .bottom ul li h6 {
        font-size: 10px;
    }
    .container02 .bottom ul li h4 small {
        margin-bottom: 0;
        font-size: 11px;
        vertical-align: middle
    }
    .n_video ul li a .img,
    .n_video ul li a .img>video {
        height: 240px;
    }
    .n_zizhi .fl02 ul li a .img img {
        height: 80px
    }
}

@media(max-width: 768px) {
    .pctwomenu {
        display: none;
    }
    .waptwomenu {
        display: block;
        background: #f0f3f5;
        border-bottom: solid 1px #eee;
    }
    .waptwomenu>div {
        background: #fff;
        padding: 5px 0;
    }
    .waptwomenu ul {
        padding: 10px;
    }
    .waptwomenu ul li {
        display: block;
        line-height: 28px;
        margin: .5rem 0rem;
        float: left;
        width: 25%;
    }
    .waptwomenu ul li a {
        display: block;
        border-left: 2px solid #ccc;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        padding-left: 10px;
        color: #535455;
    }
    .waptwomenu ul li.on a {
        color: #0055A4;
        border-left: 2px solid #0055A4;
    }
    .ar_wap {
        display: inline-block
    }
    .container02 .top {
        height: calc(100% - 10rem)
    }
    .container02 .bottom {
        height: 9rem;
    }
    #fp-nav {
        display: none
    }
    .liu_icon img {
        width: 40%
    }
    .container02 .top .box p {
        text-indent: 2rem;
        height: 12.625rem;
        overflow: hidden;
        margin-bottom: .6rem;
    }
    .container02 .top .layui-container .layui-row .box {
        height: auto
    }
    .hzpadding {
        padding: 0;
    }
    iframe {
        /* transform: scale(0.5);
        float: none !important;
        position: relative;
        left: 50%;
        margin: -45% 0 -35%;
        margin-left: -350px; */
        width: 96%;
        margin-left: 2%;
    }
    .section .title h2 {
        font-size: 2rem;
        display: inline-block;
    }
    .section .title h3 {
        font-size: 1rem;
        margin: 0.75rem 0 2rem;
        display: inline-block;
        margin-left: 0.5rem;
    }
    .container02 .top {
        /* height: calc(100vh - 9rem); */
        height: 100vh;
        overflow: hidden;
    }
    .container02 .slide_box ul {
        margin: 0 -0.5rem;
        margin-bottom: 3rem;
    }
    .container02 .slide_box ul li {
        padding: 0 0.5rem
    }
    .container02 .slide_box ul li .img img {
        max-width: 80%
    }
    .container02 .slide_box ul li a {
        padding: 1rem 0 2rem;
    }
    .container02 .slide_box .title h4 {
        margin: 0.75rem 0 3rem
    }
    .container02 .slide_box .title h4:before {
        display: none
    }
    .more00 a {
        padding: 0.75rem 2rem;
    }
    .container03 .title h4 {
        line-height: 1.875rem
    }
    .container03 ul li {
        margin: 2rem 0
    }
    .container03 ul li .icon {
        max-width: 4rem;
        max-height: 2rem
    }
    .container03 ul li h3 {
        line-height: 4rem
    }
    .container03 ul li:nth-child(2) .icon {
        max-width: 4rem;
        max-height: 2.5rem
    }
    .container03 ul li:nth-child(5) .icon,
    .container03 ul li:nth-child(6) .icon,
    .container03 ul li:nth-child(7) .icon,
    .container03 ul li:nth-child(8) .icon {
        max-width: 4rem;
        max-height: 2rem
    }
    .container03 ul li h5 {
        font-size: 1rem
    }
    .section .title h4 {
        margin: 0.75rem 0 3rem
    }
    .container04 ul {
        margin: 0 -0.35rem
    }
    .container04 ul li {
        padding: 0 0.35rem;
        width: 50%;
        margin-bottom: 0.7rem
    }
    .container04 ul li a .con h3 {
        font-size: 1rem;
        line-height: 1.75rem
    }
    .container05 ul {
        margin: 0 -0.35rem
    }
    .container05 ul li {
        padding: 0 0.35rem
    }
    .container05 ul li .con {
        padding: 1rem 1rem
    }
    .container05 ul li .con h5,
    .container05 ul li .con h5 a {
        font-size: 14px;
        line-height: 22px;
        height: 44px;
        white-space: normal
    }
    .container06 ul li {
        margin: 1rem 0
    }
    .container06 ul li a {
        width: 10rem;
        height: 10rem;
        padding: 1.5rem 0;
    }
    .container06 ul li a h3 {
        line-height: 4rem
    }
    .container06 ul li a h3 img {
        max-height: 2rem;
        max-width: 5rem
    }
    .container08 .bottom dl,
    .container08 .ewm {
        display: none
    }
    .container08 .bottom_box .con_bottom .left_con {
        padding: 1rem 0 0;
        margin-bottom: 3rem;
        width: 100%;
        text-align: center;
    }
    .bottom_box {
        background-position-x: -20px !important;
        background-position-y: 30px !important;
    }
    .marginleft {
        margin-left: 0;
    }
    .container08 .bottom_box .con_bottom .left_con p {
        line-height: 26px;
    }
    .container08 .bottom_box .con_bottom .right_con {
        text-align: center;
        width: 100%
    }
    .container08 .bottom_box .con_bottom .right_con ul {
        text-align: center
    }
    .s_foot_link {
        margin: 0 auto;
        display: inline-block;
    }
    #mainMap {
        height: 260px !important;
        margin: -20px 0
    }
    .container07 .top .kuang {
        left: 3%;
        right: 3%;
        top: auto;
        bottom: 3%;
        width: 94%;
    }
    .container07 .top .kuang .con {
        width: 100%;
        padding: 1.25rem;
        position: absolute;
        bottom: 3%;
    }
    .container07 .top .kuang .con h4 {
        font-size: 1.25rem
    }
    .container07 .top .kuang .con h3 big {
        font-size: 1.25rem
    }
    .container07.fp-auto-height .fp-slide,
    .container07.fp-auto-height .fp-tableCell,
    .container07.fp-auto-height.fp-section {
        height: 100vh !important
    }
    #map {
        height: 100vh !important
    }
    .container07 .top .kuang .table_cell {
        vertical-align: bottom
    }
    .fp-viewing-f4 header .menu-btn:before,
    .fp-viewing-f4 header .menu-btn:after {
        background: #333
    }
    .banner-next .next-icon {
        height: 26px;
        background-size: auto 100% !important
    }
    .banner-next .next-text {
        top: 48px;
    }
    .banner-next .next-text img {
        height: 14px;
    }
    .n_banner h3 {
        font-size: 1.5rem
    }
    .n_banner h4 {
        font-size: 1.75rem
    }
    .n_banner h4.h4 {
        font-size: 1.25rem;
        padding: 0 1.5rem;
    }
    .n_banner h4:before {
        bottom: -20px;
        width: 32px;
        margin-left: -16px;
    }
    .n_about .fl02 {
        padding: 2.5rem 0
    }
    .n_about .fl02 ul {
        margin: 0 -3%
    }
    .n_about .fl02 ul li h5 {
        font-size: 12px;
        margin-bottom: 0.5rem;
    }
    .n_about .fl02 ul li h4 {
        height: 2.25rem;
        margin-bottom: 0.25rem;
        line-height: 2.25rem;
    }
    .n_about .fl02 ul li h4 span.counter,
    .n_about .fl02 ul li h4 span.counter01 {
        font-size: 1.5rem;
    }
    .n_about .fl02 ul li h6 {
        font-size: 10px;
    }
    .n_about .fl02 ul li h4 small {
        margin-bottom: 0;
        font-size: 11px;
        vertical-align: middle
    }
    .piaofu {
        right: 1rem
    }
    .piaofu a img {
        width: 5rem
    }
    .n_zhici {
        padding: 2.5rem 0
    }
    .n_zhici .ar_article {
        display: block
    }
    .n_zhici .ar_article .right {
        margin-bottom: 1rem
    }
    .n_zhici .ar_article .left,
    .n_zhici .ar_article .right {
        width: 100%;
        padding: 0;
        display: block
    }
    .n_zhici .ar_article .left .ar_article h3 {
        padding: 0
    }
    .ar_article {
        font-size: 13px;
        line-height: 26px
    }
    .ar_article p {
        font-size: 13px;
        line-height: 26px
    }
    .al_select ul li a {
        font-size: 14px;
    }
    #content {
        height: auto !important
    }
    .nianf {
        width: 67px;
        height: 34px;
        line-height: 30px;
        font-size: 12px;
    }
    .n_licheng ul li {
        padding: 10px 0
    }
    .n_licheng ul li .right {
        width: calc(100% - 38px)
    }
    .n_licheng ul li .right .box .table .table_cell {
        font-size: 12px;
        line-height: 26px;
    }
    .n_licheng .content_box:before {
        left: 14px;
        width: 2px;
    }
    .n_licheng .content_box .bg {
        left: 14px;
        width: 2px;
    }
    .n_licheng ul li .point {
        left: 78px;
        border: #0055A4 2px solid;
        width: 16px;
        height: 16px;
        margin-top: -8px;
    }
    .n_licheng .content_box .bg:before {
        width: 16px;
        height: 16px;
        border: #0055A4 2px solid;
        margin-left: -8px;
    }
    .n_licheng .content_box .bg:after {
        width: 16px;
        height: 16px;
        border: #0055A4 2px solid;
        margin-left: -8px;
    }
    .n_licheng ul {
        height: auto !important
    }
    .n_licheng ul li {
        margin-top: 0 !important
    }
    .n_licheng ul li .left {
        left: 0 !important
    }
    .n_licheng ul li .point {
        left: 8px !important
    }
    .n_licheng ul li .right {
        right: 0 !important
    }
    .n_wenhua {
        padding: 2.5rem 0;
    }
    .n_contact dl dt {
        display: inline-block;
        width: 100%;
    }
    .n_contact dl dd {
        display: inline-block;
        width: 100%;
        margin-bottom: 2rem
    }
    .n_contact dl dd h3 img {
        height: 2.5rem
    }
    .n_case ul {
        margin: 0 -0.5rem
    }
    .n_case ul li {
        padding: 0 0.5rem;
        width: 50%
    }
    .n_case ul li:nth-child(9) {
        display: none
    }
    .n_case_detail .content {
        padding: 3rem;
        display: block;
    }
    .n_case_detail .content .left {
        margin-bottom: 3rem
    }
    .n_case_detail .content .left .title h3 {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    .n_case_detail .content .left,
    .n_case_detail .content .right {
        width: 100%;
        display: block;
        padding: 0;
    }
    .n_case_detail .content .right ul {
        font-size: 0;
        margin: 0 -5px
    }
    .n_case_detail .content .right ul li {
        display: inline-block;
        padding: 0 5px;
        width: 100%;
    }
    .n_yewu {
        padding: 2.5rem 0
    }
    .n_yewu ul {
        margin: 0 -5px;
    }
    .n_yewu ul li {
        padding: 0 5px;
        margin-bottom: 10px
    }
    .n_yewu ul li a p {
        font-size: 12px;
        padding: 0 1rem;
    }
    .n_yewu ul li a h3 img {
        height: 2.5rem
    }
    .n_yewu ul li a h5 {
        margin-bottom: 1.5rem
    }
    .n_yewu_detail ul {
        margin: 0 -5px;
    }
    .n_yewu_detail ul li {
        padding: 0 5px;
        width: 50%;
        margin-bottom: 1rem;
    }
    .j_pages a.none {
        display: none
    }
    .n_yuangong ul {
        margin: 0 -5px;
    }
    .n_yuangong ul li {
        padding: 0 5px;
        width: 33.333333%;
        margin-bottom: 1rem
    }
    .n_yuangong ul li a h3 img {
        height: 2.5rem
    }
    .n_news .fl01 ul {
        margin: 0 -5px
    }
    .n_news .fl01 ul li {
        padding: 0 5px;
        width: 50%;
    }
    .n_news .fl01 ul li:nth-child(3) {
        /* display: none */
    }
    .n_news .fl02 ul {
        padding: 0 5px
    }
    .n_news .fl02 ul li {
        padding: 1rem 0 1rem;
        width: 50%;
        display: inline-block;
    }
    .n_news .fl02 ul li .layui-container03 {
        padding: 0 5px
    }
    .n_news .fl02 ul li .box a h5,
    .n_news .fl02 ul li .box a h5 a {
        font-size: 13px
    }
    .n_news_detail .content .n_left .n_left_box {
        padding: 1.5rem
    }
    .n_news_detail {
        padding: 2.5rem 0 2.5rem
    }
    .n_news_detail .content {
        display: block
    }
    .n_news_detail .content .n_left {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 3rem
    }
    .n_news_detail .content .n_right {
        display: block;
        width: 100%
    }
    .n_news_detail .content .n_right .frl01 ul {
        width: 100%
    }
    .n_news_detail .content .n_left .title h6 .span2 {
        display: none
    }
    .n_video ul {
        margin: 0 -5px;
        margin-bottom: 1rem
    }
    .n_video ul li {
        padding: 0 5px;
        margin-bottom: 1rem;
    }
    #page_show_video_box video {
        width: 360px;
        height: 204px;
    }
    #page_video {
        width: 420px;
        height: 214px;
    }
    #page_video .video_box {
        width: 370px;
        height: 214px;
    }
    #page_show_video_box .info {
        width: 370px;
        padding: 5px 25px 5px 25px
    }
    #bnt_close01 {
        width: 50px;
        height: 50px;
        right: 50px;
        top: -50px;
    }
    #bnt_close01 img {
        width: 1rem;
        height: 1rem;
        left: 1.5rem;
        top: 1.5rem;
    }
    #page_show_video_box .box {
        margin-left: -185px;
    }
    .n_zizhi .fl01 ul li {
        width: 33.333333%;
        margin-bottom: 2rem;
        padding: 0 0rem;
    }
    .n_zizhi .fl02 ul {
        margin: 0 0rem
    }
    .n_zizhi .fl01 ul {
        margin: 0 0rem
    }
    .n_zizhi .fl02 ul li {
        width: 33.333333%;
        margin-bottom: 2rem;
        padding: 0 0;
    }
    .n_zizhi .fl01 ul li a .img img {
        max-height: 34%;
    }
    .n_yingpin .fl01 {
        padding: 2rem 0
    }
    .n_yingpin .fl01 ul li {
        width: 100%;
        margin: 1.5rem 0
    }
    .n_yingpin .fl01 ul li h3 img {
        height: 2rem
    }
    .n_yingpin .fl01 ul li h2 img {
        height: 6rem
    }
    .n_yingpin .fl02 {
        padding: 2.5rem 0
    }
    .n_yingpin .fl02 ul li a .zi {
        left: 1.5rem
    }
    .n_yingpin .fl02 ul li a .jia {
        right: 1.5rem
    }
    .n_yingpin .fl02 ul li a .zi img {
        height: 4rem
    }
    .n_renli .fl01 {
        padding: 2.5rem 0
    }
    .n_renli .fl01 .right,
    .n_renli .fl01 .left {
        padding: 0;
        width: 100%
    }
    .n_renli .fl01 .right .swiper-container ul li .img img {
        width: 100%
    }
    .n_renli .fl03 .box img {
        height: 22rem;
        width: auto;
    }
    .n_renli .fl03 .box .con {
        width: 9rem
    }
    .n_renli .fl03 .box .con:after {
        width: 18px;
        height: 18px;
        margin-top: -9px;
        display: none
    }
    .n_renli .fl03 .box .con01 {
        padding-left: 0;
        left: 80%;
        text-align: left;
        top: 2rem;
        margin-top: 3rem !important;
    }
    .n_renli .fl03 .box .con02 {
        padding-left: 0;
        left: 80%;
        text-align: left;
        bottom: 2rem
    }
    .n_renli .fl03 .box .con03 {
        padding-right: 0;
        right: 80%;
        text-align: right;
        bottom: 2rem
    }
    .n_renli .fl03 .box .con04 {
        padding-right: 0;
        right: 88%;
        text-align: right;
        top: 2rem;
    }
    .n_renli .fl03 .box .con:before {
        display: none
    }
    .n_wenhua .fl01 .box>img {
        height: 15rem
    }
    .n_wenhua .fl01 .box .wz h3 img {
        height: 2.5rem
    }
    .n_wenhua .fl01 .box .wz h5 {
        font-size: 16px;
    }
    .n_wenhua .fl01 .con h3 {
        font-size: 1.25rem;
        text-align: left;
    }
    .n_wenhua .fl01 .con p {
        font-size: 11px;
        line-height: 24px;
        text-align: left;
    }
    .n_wenhua .fl01 .con p .ar_web {
        display: none
    }
    .n_wenhua .fl01 .con01 {
        top: 2rem;
        position: relative;
        left: 0;
        margin-left: 0;
        margin-bottom: 2rem;
    }
    .n_wenhua .fl01 .con02 {
        top: 2rem;
        margin-right: 16%;
        position: relative;
        text-align: left;
        margin-right: 0;
        right: 0;
        margin: 3rem 0 2rem;
    }
    .n_wenhua .fl01 .con {
        transition-delay: 0 !important
    }
    .n_case ul li a .con h3 {
        font-size: 1.25rem;
        padding: 0 1.25rem
    }
    .n_news .fl02 ul li .img {
        width: 100%;
    }
    .n_news .fl02 ul li .box {
        width: 100%;
    }
    .biaoyu a {
        width: 80%;
        height: 50px;
        line-height: 50px;
        border-radius: 30px;
    }
    .n_yewu_detail ul li .con {
        padding: 1.5rem 1rem 1.5rem
    }
    .n_yewu_detail ul li .con h6 {
        overflow: hidden;
    }
    .container01 .index_banner .miso-prev,
    .container01 .index_banner .miso-next {
        display: none !important
    }
    .n_case_detail .content .right h3 {
        display: block
    }
    .n_news_detail .content .n_left .title h3 {
        font-size: 1.5rem;
        line-height: 2rem
    }
    .n_renli .fl03 .box .wz {
        height: 18rem;
        margin-bottom: 3rem;
    }
    .n_renli .fl03 .box .con {
        position: initial;
        padding: 0;
        margin: 0;
        width: 100%;
        left: 0;
        right: 0;
        top: auto;
        text-align: center;
        margin-top: 1rem;
        display: block;
    }
    #mainMap canvas {}
    .n_zizhi .fl01 ul {}
    .piaofu .close {
        bottom: 23rem;
    }
    .kaiguan {
        bottom: 22rem;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        padding: 0 7px;
    }
    .n_zizhi .fl02 ul li a .img img {
        max-height: 12%
    }
    .container02 .slide_box ul li .img {
        height: 12rem;
        line-height: 12rem
    }
    .n_video ul li a .img,
    .n_video ul li a .img>video {
        height: 200px;
    }
    .ar_article.ar_web {
        display: none
    }
    .ar_article.ar_wap {
        display: inline-block
    }
    .n_news .fl01 ul li .con h5,
    .n_news .fl01 ul li .con h5 a {
        font-size: 13px
    }
}

@media(max-width: 540px) {
    .n_zizhi .fl01 ul li {
        width: 50%;
        margin-bottom: 2rem;
        padding: 0 0rem;
    }
    .n_zizhi .fl02 ul li {
        width: 50%;
    }
    .container06 ul li a {
        width: 8rem;
        height: 8rem;
        padding: 1rem 0;
    }
    .container06 ul li a h5 {
        font-size: 12px;
        padding: 0 5px;
    }
    .n_video ul li a .img,
    .n_video ul li a .img>video {
        height: 150px;
    }
}

@media(max-width: 456px) {
    .n_case_detail .content {
        padding: 1.5rem;
        display: block;
    }
    .n_wenhua .fl01 .box>img {}
    .n_wenhua .fl01 .box .wz h3 img {}
    .n_wenhua .fl01 .box .wz h5 {}
    .n_wenhua .fl01 .con h3 {
        font-size: 1.25rem
    }
    .n_wenhua .fl01 .con p {
        font-size: 10px;
        line-height: 20px;
    }
    .n_video ul li a .img,
    .n_video ul li a .img>video {
        height: 120px;
    }
}

.clear {
    clear: both;
}

.hzcontent h5 {
    font-size: 18px;
    color: #333;
    margin-top: 40px;
}